Question

我正在gridview上创建一个悬停菜单，但由于某些原因，我无法保持弹出窗口可见。当鼠标悬停在标签上时，弹出窗口会显示，但是当我在弹出窗口中移动它时，它不会保持可见状态。

            $('.label').mouseover(function(e) {
                $(e.target).closest("tr").find(".popup").show();
            });

            $('.label').mouseout(function(e) {
                $(e.target).closest("tr").find(".popup").hide();
            });

            $('.popup').mouseover(function(e) {
                $(e.target).show();
            });

            $('.popup').mouseout(function(e) {
                $(e.target).hide();
            });


<asp:TemplateField>
    <ItemTemplate>

        <asp:Label ID="label1" CssClass="label" runat="server" Text='<%# Eval("Column1") %>'></asp:Label>

            <asp:Panel runat="server" ID="popup" CssClass="popup" 
            Style="display: none; position: absolute; margin-left: 60px; width: 250px;">


                Random text

            </asp:Panel>

    </ItemTemplate>
</asp:TemplateField>

也许弹出窗口是隐藏的，因为即使鼠标在它上面，它也在标签之外？任何想法如何解决这个问题？

Answer 1

  $(document).ready(function () {
        $('.label').mouseover(function (e) {
            $(this).find(".popup").show();
        });

        $('.label').mouseout(function (e) {
            $(this).find(".popup").hide();
        });
  });

如何保持Jquery gridview悬停菜单可见

1 个答案: