[英]Mouseenter Hover Div Show/Hide
我正在尝试使我的功能无法成功运行。 我需要做的就是能够滚动到div上并显示X,然后再添加所需的效果。
我正在使用Javascript,因为它需要跨浏览器兼容。 我不想在将来要添加的内容中使用CSS,因为它的功能非常有限。
<script>
$(document).ready(function() {
$('div.userinfo').hover({
mouseenter: function() {
$(this).children('div.delete').show();
},
mouseleave: function() {
$(this).children('div.delete').hide();
}
});
});
</script>
<?
echo "<div class='userinfo'><div class='delete' style='cursor:pointer;position:relative;top:0px;float:right;padding-right:5px;' onclick=\"delete_('".$streamitem_data['streamitem_id']."');\">X</div></div>"
代替.hover()(已弃用并且无法像您尝试使用它那样工作),请使用.on():
$(function() {
$('div.userinfo').on({
mouseenter: function() {
$(this).children('div.delete').show();
},
mouseleave: function() {
$(this).children('div.delete').hide();
}
});
});
这样就可以了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.