私は「onRenderComplete」機能を持つfiegのjquery.ias.jsを使用しています。これはgithub リンクで入手できます
新しいアイテムの読み込みがうまく機能する記事リストがあります。ただし、エクスプレスビューを生成している各アイテムのスクリプト部分があります
$("p.ex-[ID]").click(function(){
$(".express-[ID] .top").delay(500).load("/[Name4URL]/a-[ID]/ .express");
$(".express-[ID] .bottom-ex .ex-desc").delay(500).load("/[Name4URL]/a-[ID]/ #tab1.tab_content");
$(".express-container-[ID]").fadeIn(500);
window.setTimeout(function() {
MagicZoomPlus.refresh("Zoomer2");
$(".mz-thumbs a:gt(3)").addClass("nope");
$(".mz-thumbs a:gt(7)").addClass("nope2");
$(".image-container .mz-thumbs a:eq(3)").addClass("no-margin-right no-margin-top");
$(".image-container .mz-thumbs a:eq(7)").addClass("no-margin-right");
$(".image-container .mz-thumbs a:eq(0)").addClass("no-margin-top");
$(".image-container .mz-thumbs a:eq(1)").addClass("no-margin-top");
$(".image-container .mz-thumbs a:eq(2)").addClass("no-margin-top");
}, 1200);
});
$(".express-container-[ID] .close").click(function(){
$(".express-[ID] .top").load("/[Name4URL]/a-[ID]/ .clear");
$(".express-[ID] .bottom-ex .ex-desc").load("/[Name4URL]/a-[ID]/ .clear");
$(".express-container-[ID]").fadeOut(500);
});
ロードされていないアイテムの場合、これは正常に機能します。しかし、新しくロードされたアイテムは発火していません。これは jquery.ias 部分です。
$(document).ready(function() {
jQuery.ias({
container : ".container",
item: ".item",
pagination: ".articlePages",
next: 'a .next',
loader: '<img src=/layout/cyt/img/ajax-loader.gif"/>',
triggerPageThreshold: 1,
history: false,
onRenderComplete: function(items) {
}
});
});
スクリプト部分を onRenderComplete 関数に実装しようとしましたが、機能せず、方法がわかりません。