jqueryを使用してコンテンツをもう一度追加するにはどうすればいいですか？

Question

私は大きな画像に親指をロードするために、このズーム画像のスクリプトを使用しています： http://www.eyecon.ro/zoomimage/#implement

トラブルページはjQueryの負荷（以下コード）を使用してロードされた後、私はギャラリーをロードしています：

//Remove tab info and add gallery 
$(".more").click(function() { 
    var $gallery = $(this).closest('.tab').find('.gallery'), 
    cat = $(this).attr('href').split('cat=')[1]; 

    if ($gallery.is(':empty')) { 
    $gallery.load('/public/themes/lbd/js/imagegallery.php', {'cat': cat}, function(){ 
    $(this).fadeIn(); 
    }); 
    } 

    $gallery.siblings().fadeOut(function(){ 
    $gallery.fadeIn(); 
    }); 
    return false; 
}); 

を

トラブル以下のコードは、私はギャラリーがそのようにロードされた後に実行するために上記のコードで作業することができますどのように

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('a.customGal').zoomimage(); 
    }); 
</script> 

を動作しませんので、このスクリプトはその場でギャラリーを作成しています関数は完了する？

$（ 'a.customGal'）を追加しようとしました。zoomimage（）; .load内では動作しません。

Answer 1

あなたの問題が正しく理解されている場合、a.customGalのギャラリーを作成しようとしていますが、これらのアンカーがページの読み込みに存在しないため、コードが機能しません。それらは.clickからロードされています。

それが正しければ、私は、これは動作するはずと信じて：

$gallery.load('/public/themes/lbd/js/imagegallery.php', {'cat': cat}, function(){ 
    $(this).fadeIn(function(){ 
     $('a.customGal').zoomimage(); 
    }); 
}); 

HTMLがとは、アニメーションが終了したあなたのページに追加された後、あなたのプラグインを呼び出します。