0

jQueryで追加した要素でFancyboxを起動しようとしていますが、成功しません。

ここにFancyboxの起動コードがあります：

jQuery(document).ready(function() {
    $("a#what_is_prehung").fancybox();
    $("a.prehungHelp").fancybox();
});

このコードを使用して、htmlマークアップを追加しています。

jQuery(document).ready(function($) {
     $('.valueDoorSlabonly').append('<div id="prehungHelp"><a class="prehungHelp" href="/template/images/door-slab-only.jpg"></a></div>');
});

class="prehungHelp"の要素でFancyboxを起動する必要があります。私たちのサイトではjQueryv1.6.4を使用していますが、他のスクリプトがこのバージョンでのみ動作するため、更新する方法はありません。

http://www.doorsandbeyond.com/avanti-modern-interior-door-black-apricot/ これは、ラジオボタンの直後の「*プレハンギング：」セクションにドアオプションが付いた形式で表示されるページです。 ？」このオプションを説明しているモーダルウィンドウ（fancybox）へのリンクとともにマークが表示されます。

私はいくつかのリソースからこの回答と他のいくつかを試しましたが、成功しませんでした： fancyboxを動的に追加された要素にバインドする方法は？ jQueryを使用して動的に生成されたhtmlを追加すると、Fancyboxではうまく機能しません

助けていただければ幸いです。ありがとうシャリフ

4

1 に答える 1

0

jQueryで「prehungHelp」要素を追加した後、fancyboxを呼び出してみてください

jQuery(document).ready(function($) {
    $('.valueDoorSlabonly').append('<div id="prehungHelp"><a class="prehungHelp" href="/template/images/door-slab-only.jpg"></a></div>');
    $("a.prehungHelp").fancybox();
});
于 2013-02-27T15:25:19.630 に答える