Question

我使用fieg的jquery.ias.js，它有一个函数“onRenderComplete”。您可以在github link

处获取此信息

我有一个文章列表，加载新项目的工作非常好。但是每个项目都有一个脚本部分，它生成一个快速视图

$("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函数中，但它不起作用，我真的不知道如何。

Answer 1

我相信你应该使用jquery .on（）方法http://api.jquery.com/on/。 click方法不适用于动态插入的DOM元素。你应该这样做：

$("selector-that-contains-p.ex-[ID]").on("click", "p.ex-[ID]", function() {// do the stuff
});

滚动函数上的jquery加载无法正常工作

1 个答案: