0

http://serennz.sakura.ne.jp/toybox/lightbox/

ajaxによってロードされた新しい要素でスクリプトを動作させる方法は?

このコードは機能しますが、読み込み後にズームが機能しません。;/

var lightbox = new Lightbox({
        loadingimg:'resource/loading.gif',
        expandimg:'resource/expand.gif',
        shrinkimg:'resource/shrink.gif',
        blankimg:'resource/blank.gif',
        previmg:'resource/prev.gif',
        nextimg:'resource/next.gif',
        closeimg:'resource/close.gif',
        /*effectimg:'resource/zzoop.gif',*/
        effectpos:{x:-40,y:-20},
        effectclass:'effectable',
        resizable:true,
        animation:true
});
4

1 に答える 1

0

Ajax が正常に動作していて、html データを正常に取得できたとします。次のようになります。

$.get('ajax/more_pictures.html', function(data) {
  displayNewImages(data);
});

ここで、新しいイメージをいくつかの container に追加し、それらに " lightbox" 属性を与えます。

function displayNewImages(images){
  $("#images_container").html(images);
  $("#images_container").find("a").attr("rel" , "lightbox").addClass("effectable");
}

そして、このLightboxインスタンスを作成した後：

var lightbox = new Lightbox({ 
  // all the rest
});

以上で、イメージをラッピングする要素にrel="lightbox"およびclass="effectable"属性を追加するだけで完了です。a

于 2013-07-01T05:30:27.790 に答える