我正在尝试使用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次。请帮我解决一下功能结束后如何重置点击次数。
答案 0 :(得分:1)
$('a').click(function() {
也许这行代码执行多次。
试试这个:
$('a').unbind('click');
$('a').click(function() {
但这只是解决方法。