jquery - jquery boxy は非表示の div を取得してモーダル ウィンドウに表示します

Question

リンクをクリックすると、メイン ページから div を取得して、ボックス型のモーダル コンテンツとして表示しようとしています。現在、機能していません。boxy のドキュメントは理解しにくいものです。

リンク HTML:

<div class="smClearBtn memberLinkBtn"><a title="Login" target="_blank"><span>Login</span></a></div>

jquery 呼び出し:

$(".memberLinkBtn").click(function() {
   Boxy.get($("#popup_login"), {title: 'Login', modal: true});
});

私は何を間違っていますか？ボックスがまったく機能していないだけでクリックが発生します。

Answer 1

ドキュメントから理解できる限り、Boxy.getは新しいBoxyインスタンスを初期化せず、作成済みのインスタンスを返します。

Boxy.get(element)
Returns the Boxy instance containing element, e.g. <a href="#" onclick="Boxy.get(this).hide();">Close dialog</a>.

最初に、新しいBoxyインスタンスを自動的に作成してみてください。

$("#popup_login").boxy();

..または手動でこのように

new Boxy("<p>Content</p>", {title: "Dialog"});

参照： http： //onehackoranother.com/projects/jquery/boxy/