Question

我有一个图像，鼠标悬停时我想添加像盒子或类似的描述。

    $(document).ready(function(){
        $(".desc").hover(function(){
            $(this).show(".abc");
        });
    });
</script>

.desc是我的div，图片是，.abc是我的div，描述是。

必须隐藏

页面加载中的.abc

帮助？

编辑::

我这样解决

$('.desc').on({
            mouseover: function() {
                $(this).find('span').fadeIn(200);
            },

            mouseout: function() {
                $(this).find('span').stop().fadeOut(200);
            },
        })

其中span＆lt; span class="d-none"> <asp:Label ID="Label1" runat="server" Text='<%# Eval("Description") %>' /> </span>

和span css是display:none;

再次感谢你帮助我

Answer 1

您需要选择要显示的div。这是通过以下行$(".abc").show();完成的。下面的代码应该有效。

$(document).ready(function(){
    $(".desc").hover(function(){
        $(".abc").show();
    });
});

旁注： this事件的回调函数中的.hover关键字指的是它被触发的元素。在这种情况下，它是匹配$(".desc")的任何元素。

用.hover或.mouseover ASP.NET显示div

1 个答案: