滚动函数上的jquery加载不正确

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
});