js 点击和悬浮事件的坑

一、点击事件不生效

1.可能dom元素还没有加载然后就调用了click事件，一般出现在动态加载表格的情况，解决方法有两种，一个是在加载完表格之后再去加载click事件，一个在表格的元素里增加click事件

$('#webradio').on('click',function(){


    })

二、点击事件点击一次执行多次事件

先解绑这个事件在添加 off.on
或者unbind.bind

$(".show_hideGis").off("click").on("click", function() {

})

三、防止按钮在短时间内被多次点击的方法

var flag = true; 
var tipId; 
function show() { 
tipId = window.setInterval("start()", 1000); //每隔1秒调用一次start()方法 
} 

function start() { 
if (flag) { 
var vv = "点下我(" + nn + ")"; 
$("#btn").on('click',function(){


})

flag =false;
} else { 
flag =true;
$("#btn").off("click"); //使按钮能够被点击 
$("#btn").attr("value", "点下我"); //更改按钮上的文字 
window.clearInterval(tipId); //清除循环事件 

} 
} 

四、hover事件禁止和启动事件

$('#seproan').unbind('mouseenter').unbind('mouseleave');

五、点击事件移动元素，animate

$(".left_absoult_first").animate({left: '-5.7rem'});
 $slider.animate({left: '-=' + leftg + 'px'}, '1000');