jQuery 侧边栏点击两次不会再次加载脚本
jQuery sidebar two clicks doesnt load script again
我正忙于侧边栏,菜单看起来像这样
#warmtepomplijst
- 品牌 1
- 品牌 2
#Soorten
- 类型 1
- 类型 2
现在我用jQuery.load做了一部分网站刷新
$(document).ready(function(){
$( ".filter_merklink" ).click(function(e) {
var link = $(this).attr('href');
e.preventDefault();
$( "#warmtepomplijst" ).load( link + " #warmtepomplijst", function(e) {
console.log( "Nieuwe producten zijn opgehaald. Link= " + link );
});
$( "#sidebar" ).load( link + " #sidebar", function(e) {
console.log( "Sidebar opgehaald!" );
});
});
$('#merken a').click(function(e){
$("#merken a").removeClass('active');
$(this).addClass('active');
});
$('#soorten a').click(function(e){
$("#soorten a").removeClass('active');
$(this).addClass('active');
});
});
第一次点击没问题!因此,您单击 #warmtepomplijst > a,然后 div#warmtepomplijst 刷新为新产品。
如果您点击#Soorten > 键入 1,则第二次点击会刷新页面
如果您首先点击#Soorten > 键入 1,它会起作用,否则第二步 #warmtepomplijst > Brand 1 它会刷新。
请帮帮我!
将所有 .click 方法更改为 .on 方法。像这样:
$('#soorten a').click(function(e){...
//已更改
$(document).on('click','#soorten a',function(e){...
我正忙于侧边栏,菜单看起来像这样
#warmtepomplijst
- 品牌 1
- 品牌 2
#Soorten
- 类型 1
- 类型 2
现在我用jQuery.load做了一部分网站刷新
$(document).ready(function(){
$( ".filter_merklink" ).click(function(e) {
var link = $(this).attr('href');
e.preventDefault();
$( "#warmtepomplijst" ).load( link + " #warmtepomplijst", function(e) {
console.log( "Nieuwe producten zijn opgehaald. Link= " + link );
});
$( "#sidebar" ).load( link + " #sidebar", function(e) {
console.log( "Sidebar opgehaald!" );
});
});
$('#merken a').click(function(e){
$("#merken a").removeClass('active');
$(this).addClass('active');
});
$('#soorten a').click(function(e){
$("#soorten a").removeClass('active');
$(this).addClass('active');
});
});
第一次点击没问题!因此,您单击 #warmtepomplijst > a,然后 div#warmtepomplijst 刷新为新产品。
如果您点击#Soorten > 键入 1,则第二次点击会刷新页面
如果您首先点击#Soorten > 键入 1,它会起作用,否则第二步 #warmtepomplijst > Brand 1 它会刷新。
请帮帮我!
将所有 .click 方法更改为 .on 方法。像这样:
$('#soorten a').click(function(e){...
//已更改
$(document).on('click','#soorten a',function(e){...