gpt4 book ai didi

javascript - jQuery mouseenter() 和 mouseleave() 无法正常工作

转载 作者:可可西里 更新时间:2023-11-01 13:26:46 25 4
gpt4 key购买 nike

我有两个简单的脚本 html:

<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");
});
});

我正在尝试使按钮在鼠标进入时更改类并在鼠标离开时将其更改回类的效果,上面的代码似乎无法正常工作,当我将鼠标放在按钮上时闪烁,所以我假设我出于某种原因不断更换类(class)。

最佳答案

您可以将 button 放在 div 中,然后当您将鼠标悬停在 div 上时切换 button 的类(您也需要在 div 上设置固定的高度)

$('div').hover(function() {
$(this).find('button').toggleClass('myBtn');
});
div {
height: 50px;
}
.myBtn {
display: none
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<button class="myBtnReg" id="btn1">Click Me!</button>
</div>

关于javascript - jQuery mouseenter() 和 mouseleave() 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36823523/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com