Запустите «Толстую коробку» вместо клика - PullRequest
Новая
       5

Запустите «Толстую коробку» вместо клика

1 голос
/ 26 ноября 2009

Я хочу запустить JQuery Thickbox onload вместо клика. для этого я использую код ниже. 

<script language="javascript">
    tb_show("HAI","#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&amp;modal=true",null);
</script>

Фактическая ссылка 

<a href="#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&
amp;modal=true" class="thickbox">Change Name</a>

Когда я нажимаю на вышеуказанную ссылку, появляется это окно ..

но при перегрузке кузова толстая коробка не появляется ..

Пожалуйста, помогите относительно этого ..

Заранее спасибо ...

С уважением Иен

Ответы [ 4 ]

4 голосов
/ 25 января 2010

Ваш код должен работать. Может быть, попробуйте положить его в вызове документа jQuery.ready например 

<script language="javascript">
    $(document).ready(function() {
        tb_show("HAI","#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&amp;modal=true",null);
    });
</script>
2 голосов
/ 29 июля 2012

Uffff !!! Наконец-то я разобрался с этим, я думаю, что ваш контент div похож на
<div id="hiddenModalContent" style="display:none">My Content</div>
Попробуйте это вместо вышеупомянутого
<div id="hiddenModalContent" style="display:none"><div>My Content</div></div>
Это должно решить проблему. Обратите внимание, что вы должны инкапсулировать содержимое в «hiddenModalContent» элементом HTMl, например, <div>...</div><p>...</p> и т. Д.

Потому что в файле Thickbox.js они использовали .children (), а не .html (). По этой причине мы должны инкапсулировать содержимое.

0 голосов
/ 02 марта 2010

Это то же решение, которое Мэтт Фрир предложил вам скопировать и вставить для тестирования. Я изменил параметры Thickbox, но вы можете изменить его, как хотите. 

<html>
<head>
   <link rel="stylesheet" type="text/css" media="screen" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" />
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://jquery.com/demo/thickbox/thickbox-code/thickbox-compressed.js" type="text/javascript"></script>

<script type='text/javascript'>
$(document).ready(function() {
   tb_show('HAI','http://microsoft.com?KeepThis=true&TB_iframe=true&height=350&width=520');
});
</script>

</body>
</html>
0 голосов
/ 26 ноября 2009

Если у вас есть якорная ссылка где-то на странице, вы можете сделать что-то вроде: 

<script>
$.ready( function() {
    $("#thickBoxLink").trigger("click");
}
</script>

<html>
<body>
<a href="#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&amp;modal=true" id="thickBoxLink" class="thickbox">Change Name</a>
</body>
</html>

Это должно имитировать нажатие на ссылку и открывать для вас «густую коробку» при загрузке страницы.

...