私は無限スクロールのような方法で画像をロードする Web ページを持っています。また、画像にアニメーションを配置するJavaScriptがあります。私が直面している問題は、読み込まれた新しい画像がアニメーション プロパティを取得できないことです。
まず、Javascript コードを用意します
<script type="text/javascript">
jQuery(document).ready(
function() {
jQuery('.scroll_container').scrollExtend(
{
'target': 'div#scroll_items',
'url': '/popular_data.php',
'newElementClass' : 'mosaic-block cover2',
'onSuccess' : ''
}
);
}
);
jQuery(function($){
$('.cover2').mosaic({
animation : 'slide', //fade or slide
anchor_y : 'top', //Vertical anchor position
hover_y : '40px' //Vertical position on hover
});
});
</script>
私がやりたいことは、変数 OnSuccess が cover2 モザイク関数を呼び出すことです。しかし、私のJavascriptの知識はそれほど良くありません。しかし、これで問題は解決すると思います。
私が使用しているプラグインは次のとおりです。 http://buildinternet.com/project/mosaic/および http://contextllc.com/tools/jQuery-infinite-scroll-live-scroll
javascriptをpopular_data.phpファイルに追加すると、最後から2番目の画像では機能しますが、最後にロードされた画像では機能しないことに気付きました。