0

データを表示するために 2.x を使用しfancyboxています。一部のデータをajaxdiv にロードしました。現在、ajax 呼び出しデータからこのようになっています。

<a href="sample.php" class="fancy" >sample</a>

頭の中で私はファンシーボックスコードを持っています

$(document).ready(function() {

    $(".fancy").fancybox({
        'transitionIn'  :   'fadein',
        'transitionOut' :   'fadeout',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'width'         :   260, 
        'height'        :   260, 
        'overlayShow'   :   false,
        'type'          :   'iframe'            
    });

});

しかし、私が書いた場合、これは機能しません

<a href="sample.php" class="fancy" >sample</a>

ドキュメント内の同じコード、それは機能します。ソリューションを待っている...をfancybox介して動的にロードされたデータを使用する方法を教えてください。ajax

4

1 に答える 1

0

私が正しく理解していれば、この行：

<a href="sample.php" class="fancy" >sample</a>

ページが読み込まれたときに存在しません。ただし、後で別の ajax 呼び出しを介してロードされます。その場合、JavaScript コードは要素にアタッチされません。

コード

$(document).ready(function() {

DOM がロードされたときにのみ実行されます。

ajax 関数のコールバックで fancybox 関数を呼び出す必要があります ( jQuery ajax docsの Complete を参照)... または、このブログ投稿のようなことを行う:動的に読み込まれたコンテンツに Fancybox を追加する

于 2013-06-20T04:16:39.933 に答える