我有兩個簡單的腳本的HTML:的jQuery的mouseenter()和鼠標離開()無法正常工作
<html>
<body>
<style>
.myBtn{
display: none
}
.myBtnReg{
display: block
}
</style>
<button class="myBtnReg" id="btn1" >Click Me!</button>
<script src="jquery-1.11.2.min.js"></script>
<script src="js.js"></script>
</body>
</html>
和javascript:
$(function(){
$("button").mouseenter(function(){
$(this).attr("class", "myBtn");
});
$("button").mouseleave(function(){
$(this).attr("class", "myBtnReg");
});
});
我試圖讓效果在按鈕的變化當鼠標進入鼠標類並在鼠標離開時將它改回來時,上面的代碼似乎不能正常工作,當我將鼠標放在閃爍的按鈕上時,所以我認爲我因爲某種原因不斷改變類。
這是因爲你改變顯示屬性,當按鈕消失,鼠標離開火災,那麼它再次出現,而火災的mouseenter,使其dissapear等,你會得到「閃爍」 – adeneo
好教訓... –
謝謝!我不知道爲什麼我沒有想到 –