gpt4 book ai didi

javascript - div 隐藏链接上的 onmouseover 事件

转载 作者:行者123 更新时间:2023-11-28 12:45:43 25 4
gpt4 key购买 nike

我有一个 div 和一个简单的 jQuery 代码,该代码在“onlclick”事件上调用 div 并在“onmouseout”事件上正确隐藏。问题是,当我将文本或链接放入此 div 并将光标移到此 div 中的文本/链接上时 - 它会触发 out() 函数效果并消失 - 即使光标仍在 div 内。为什么 ?感谢您的评论。

<script src="js/jquery.js"></script>
<style type="text/css">
#sample {
position:relative;
width:500px;
height:200px;
background-image:url(images/img.png);
background-repeat:repeat-x;
}

</style>
</head>

<body>
<a href="javascript:show();" >link</a>
<div id="sample" onmouseout="out()"><a href="">THIS IS TEXT</a></div>


<script type="text/javascript">
$(document).ready(function() {
$("#sample").hide();
});

function show() {
$("#sample").fadeIn('slow');

}

function out() {

$("#sample").fadeOut('slow');

}
</script>
</body>
</html>

最佳答案

使用mouseentermouseleave .

在文档准备功能中添加此

jQuery("#sample").mouseleave(out);

并从 HTML 标记中删除 onmouseout 代码。

关于javascript - div 隐藏链接上的 onmouseover 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7813670/

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