多个弹出式jquery中的计数器问题

时间:2010-12-29 04:53:21

标签: jquery load popup

我正在尝试使用jquery fadeIn()和fadeOut()函数将外部页面加载为弹出窗口。

当我使用它来加载div中的特定页面时,这很好用,但是当我尝试概括该函数时,某些元素以2为单位递增(即)在第一次单击时,没有问题而在第二次单击时,褪色发生两次。任何人都可以帮我吗?

$(document).ready(function() {    
$('a').click(function() {    
var popupid = $(this).attr('rel');    
var url = $(this).attr('id');    
$('#' + popupid).load(url + '.html', function() {    
$('#' + popupid).fadeIn();    
$('body').append('<div id="fade"></div>');    
$('#fade').css({'opacity' : '0.65'}).fadeIn('fast');});    
});    
});    
$('.close').click(function() {    
$('#fade').fadeOut();    
$('popuprel1,popuprel2').fadeOut();    
});    
});    

我有两个带有id的popuprel1和popuprel2的div,我正在加载两个外部页面。

在发出警告时,我们知道点击次数会增加2次。请帮我解决一下功能结束后如何重置点击次数。

1 个答案:

答案 0 :(得分:1)

$('a').click(function() {

也许这行代码执行多次。

试试这个:

$('a').unbind('click');
$('a').click(function() {

但这只是解决方法。