Question

这是我的代码 - 我使用ajax创建了一个新的div。 div的名字是

$('#section_product_listing_Csearch_ss').html(html);

ajax调用的代码如下所示

$.ajax({
type: "POST",
url: "_ajax_files/product_listing_Csearch-ss_ajax.php,
dataType: "html",
success: function(html){ $('#section_product_listing_Csearch_ss').html(html);
} });

我无法将scroll事件绑定到object

#section_product_listing_Csearch_ss

我通过在ajax success中添加它来尝试如下所述的所有内容;在$('#section_product_listing_Csearch_ss').html(html);

之后

1.) var newnode = $(html);  $newnode.find('#section_product_listing_Csearch_ss').scroll(function(){alert("hi");});

2.) $(window).on('scroll', '#section_product_listing_Csearch_ss',function(){
            alert("hi");});

3.) $("#section_product_listing_Csearch_ss").bind('scroll', function(){
            alert("hi"); }); 

4.) $(html).scroll(function(){ alert("hi");});

5.)$(html).bind('scroll', function(){ alert("scrolling");});          

6.) $('#section_product_listing_Csearch_ss').append('<div class="myDivx"></div>'); 

listenForScrollEvent($(".myDivx"));


function listenForScrollEvent(el){
    el.on("scroll", function(){
        el.trigger("custom-scroll");
    })
}


$("body").on("custom-scroll", ".myDiv", function(){
    console.log("Scrolled :P");
})

无法将scroll事件绑定到从ajax sucess创建的div

0 个答案: