-1

JQuery の動的に生成されたコンテンツに少し問題があります。

私はこのページを持っています：

http://velapazza.it/store/index.php/camicia-cotone-manica-lunga/camicia-cotone-modello-101.html

私は (Jack Moore の) JQueryZoom を使用していますが、問題なく動作します。問題は、サムネイルをクリックしたときです... JQueryを使用して、メインの写真を（html（）メソッドを使用して）クリックした写真に置き換え、ズームが機能しません。

私はJQuery 1.9.1バージョンを使用していますが、ご存知のようにlive()メソッドをサポートしていません。その代わりに on() メソッドを使用しましたが、何も機能していないようです....

誰でも私を助けることができますか？

前もって感謝します

母:)

4

3 に答える 3

1

置き換えたら、ズームを img にバインドしていますか? サムネイルをクリックしたときに元のズーム要素を削除し、画像が置き換えられたらバインドすることをお勧めします。

$('#example').trigger('zoom.destroy'); // remove zoom
$('#example').zoom(); // add zoom
于 2013-07-11T08:14:55.070 に答える
1

与えられた例に従ってズームを実行している場合。つまり、ドキュメントの準備が整った状態です。以下のように、画像またはdivのホバー時に変更します

$(".your-div or img").hover(function(){
  $('a.photo').zoom({url: 'photo-big.jpg'});
});
于 2013-07-11T08:16:57.747 に答える
0

要素を動的に追加する場合は、ドキュメントで on() を使用することをお勧めします。

$(document).on("click", ".container .image" . function(){
    ....
});

これにより、後で追加された場合、セレクター イベントに一致する要素のアクションがアクティブになります。

ロード時にプラグインを適用するには、インスタンス ルーチンを ajax ロードに追加する必要があります。

$.ajax({ type: "GET",   
     url: "your provider",   
     async: true,
     success : function(text)
     {
         ....
         jQuery(text).appendTo(container); 

         newElement.pluginName();
     }
});
于 2013-07-11T08:10:07.313 に答える