JQuery-on()单击不';第二轮不工作
我尝试了多种方法让它工作,但无论我做什么改变,它都不起作用。它在选定的第一个链接上完美工作。选择的任何后续链接都不起作用,并且我不会因为加载到新页面而收到任何错误JQuery-on()单击不';第二轮不工作,jquery,onclick,Jquery,Onclick,我尝试了多种方法让它工作,但无论我做什么改变,它都不起作用。它在选定的第一个链接上完美工作。选择的任何后续链接都不起作用,并且我不会因为加载到新页面而收到任何错误 // get discounts for store $('.store_link a').on('click', function(e) { alert('yeah'); var $this = $(this); var ca
// 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>";
//为商店打折
$('.store_link a')。在('click',函数(e){
警惕(“耶”);
var$this=$(this);
var cat=$this.attr('data-cat');
变量$optionSet=$('.categories>.optionSet');
var storeDiscountURL=$this.attr('href');
var storeID='.'+$this.attr('id');
//选择相关的过滤器颜色
$optionSet.find('.selected').removeClass('selected');
$(#nav li.+cat+'a').addClass('selected');
选择器='。第二页,'+存储ID;
loadMoreItems(storeDiscountURL,'secondpage',选择器);
//删除内页滚动条
$container.infinitescroll('destroy');
返回false;
});
回声“;
echo“”;
";
我猜,点击链接标记正在以任何方式添加或被其他JS或jQuery插件更新。因此,选择器不适用于后续的'A'标记。您应该尝试:
$('body').on('click', '.store_link a', function(e) {
....
....
});
选择器'body'应该是在第一次加载DOM时始终存在的最接近的选择器。是否动态添加链接?是否检查浏览器控制台中的错误(可在工具中使用或通过“ctrl+shift+j”按下该错误?正确的使用方法是:
$('.store_link')。on('click',a',function(e){
您的其他链接是否使用“store\u link”类?如果类“store\u link”直接应用于您的“a”标记,请尝试使用“$('a.store\u link')”