将鼠标悬停在jquery上显示和隐藏元素
将鼠标悬停在jquery上显示和隐藏元素
提问于 2014-01-20 10:16:02
我想在鼠标悬停时显示按钮，并在鼠标移出时隐藏它们，我尝试了以下代码，但不起作用。
<div class="mybooks">
<div class="divbutton">
<input class="btnsubmit" type="button" value="Edit" id="edit_trivia">
<input class="btnsubmit" type="button" value="Delete" id="delete_trivia">
</div>
</div>
".$Tri_IMAGE."
".$Tri_CAPTION."
</div>";
}
?>
</div>
<!--close accordion-->
</div>
<script>
$( ".mybooks" ).mouseenter(function() {
$('.divbutton').show();
});
$( ".mybooks" ).mouseleave(function() {
$('.divbutton').hide();
});
</script>回答 3
Stack Overflow用户
发布于 2014-01-20 10:23:15
只需先隐藏div
//hide the div here
var $btn = $('.divbutton').hide()
$(".mybooks").mouseenter(function () {
$btn.show();
});
$(".mybooks").mouseleave(function () {
$btn.hide();
});演示：Fiddle
或者使用css规则将其隐藏
.divbutton {
display:none
}演示：Fiddle
Stack Overflow用户
发布于 2014-01-20 10:20:15
你应该把你的javascript代码放在这个函数中：
$( document ).ready(function() {
//your code
});您的代码：http://jsfiddle.net/VGJ5u/
Stack Overflow用户
发布于 2014-01-20 10:25:01
将鼠标悬停在按钮上时，This fiddle会显示隐藏的按钮(display: none;)。问题是，一旦它们消失了，你就不能让它们重新出现。没有什么可以悬停的..。
<div class="divButtons">
<input class="btnsubmit" type="button" value="Edit" id="edit_trivia" />
<input class="btnsubmit" type="button" value="Delete" id="delete_trivia" />
</div>JavaScript:
$('#edit_trivia').hover(function(){
$(this).css('display', 'none');
});
$('#delete_trivia').hover(function(){
$(this).css('display', 'none');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21225242
复制相关文章
相似问题
腾讯云开发者
