2

onloadクリックの代わりにjqueryのthickboxを起動したいです。このために、以下のコードを使用します。

<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 に答える 4

5

コードが機能するはずです。たぶん、jQuery の document.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>
于 2010-01-24T21:10:07.993 に答える
3

うふふ！！！最後に、私はそれを整理しました。あなたの div コンテンツは次のようなものだと思います
<div id="hiddenModalContent" style="display:none">My Content</div>
上記の代わりにこれを試してください これで
<div id="hiddenModalContent" style="display:none"><div>My Content</div></div>
問題が解決するはずです。<div>...</div><p>...</p>HTMl要素などによって「hiddenModalContent」にコンテンツをカプセル化する必要があることに注意してください。

Thickbox.js ファイルでは、.html() ではなく .children() を使用しているためです。これが、コンテンツをカプセル化する必要がある理由です。

于 2012-07-29T00:02:37.153 に答える
1

ページのどこかにアンカー リンクがある場合は、次のようなことができます。

<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>

これにより、リンクのクリックがシミュレートされ、ページが読み込まれたときにシックボックスが開きます。

于 2009-11-26T14:51:10.383 に答える
0

これは、Matt Frear が提案した同じソリューションで、コピーして貼り付けてテストできます。シックボックスのパラメータを変更しましたが、必要に応じて変更できます。

<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>
于 2010-03-02T14:57:15.247 に答える