JQuery - on()单击第二次不起作用

Question

我尝试过多种方法来实现这个目标，但是不管我改变了什么，它都是行不通的。它在所选的第一个链接上工作得很好。任何后续的链接被选中，它不工作，我没有错误，因为它加载到一个新的页面。

        // get discounts for store 
        $('.store_link a').on('click', function(e) { 
            alert('yeah');
            var $this = $(this);
            var cat = $this.attr('data-cat');
            var $optionSet = $('.categories > .option-set');
            var storeDiscountURL = $this.attr('href');
            var storeID = '.' + $this.attr('id');
            //select relevant filter colour
            $optionSet.find('.selected').removeClass('selected');
            $('#nav li.' + cat + ' a').addClass('selected');
            selector = '.second_page,' + storeID;
            loadMoreItems(storeDiscountURL, 'secondpage', selector);

            //remove infinate scroll 
            $container.infinitescroll('destroy');

            return false;

        });

 echo "<div id=\"toggle-$id\" class=\"contenthover hide\">";

                                      echo "<p class=\"store_link\"><a id =\"skid_$discount[skID]\" data-cat=\"$category\" href=\"index.php?curr=$_SESSION[curr]&skid=$discount[skID]\">View all discounts for this store</a></p> ";


                                </div>";

Answer 1

我想，单击链接标签是添加或得到其他JS或jQuery插件以任何方式更新。因此，选择器不能用于后续的'A'标记。你应该试着：

$('body').on('click', '.store_link a', function(e) { 
    ....
    ....
});

选择器'body'应该是任何最近的选择器，在第一次DOM加载时总是存在的。