Question

＆＃34;碱性＆＃34; JS理解问题;-)我在代码中有一个JS函数：

 <script type="text/javascript">
    $(function () {
        $('.shoppinglist-item-add').ShoppinglistItemAdd();
    });
</script>

功能＆＃34; shoppinglistItemAdd＆＃34;动态构建代码：

 <div class="shoppinglist-item-add" id="XXX" data-setup="{'productId': '456', 'type': 'product', 'large': 'false', 'customProductName': ''}">
....
</div>

现在我尝试在其他JS文件上构建一个函数，如：

 $(document.body).on('click', '.shoppinglist-item-add', function(ev) {
        alert("sali");
    })

不幸的是，第二个功能根本不起作用。看来，他并没有认识到第一个函数的动态构建HTML内容。

我不是JS破解，任何人都可以给我一个提示以解决问题吗？

提前感谢。

Answer 1

$(document).ready(function(){
    $("div.shoppinglist-item-add").bind("click", function(){

        var dataSetup = $(this).attr("data-setup");     

        alert(dataSetup);
    });
});

Javascript函数onClick不识别该对象

1 个答案: