1

我正在使用 Django，并使用 Django Endless Pagination 和 Twitter 样式加载。尽管我从研究中了解到使用 .on 和 .delegate ，但我无法让我的 jQuery 代码绑定到新注入的元素。我避免了 .live 因为它的弃用状态，但显然 .on 和 .delegate 在这种情况下应该做同样的事情。

基本上，产品搜索结果显示为 Endless Pagination 正在注入的卡片。

相关代码片段：

JS

$(".product-card").on('click',function() {

    cardToggle = $(this).data("switch");

    if (cardToggle==0) {
        // some stuff happens to the card
        $(this).data("switch", 1);
    }else if(cardToggle==1) {
        // some stuff un-happens to the card
        $(this).data("switch", 0);
    }
})

产品列表（将 Ajax 加载到主页的模板）

{% load static %}
{% load endless %}

{% paginate results %}
{% for result in results %}

    {# divs with class .product-card are created here, code for card removed because of prohibitive length #}

{% endfor %}
{% show_more %}
4

1 回答 1

1

.click()只是 的简写.on('click')。因此，即使您使用 .on() 它也不会触发。对于动态创建的元素，您必须使用以下语法处理事件委托：

(parentselector).on(event,selector,function(){});

所以基于此，

$('.product-card').on('click',function() {}); // this is wrong

用。。。来代替

$(document).on('click','.product-card',function() {}); // this will work
于 2013-11-02T03:02:10.023 回答