2

グリッドビューでホバー メニューを作成していますが、何らかの理由でポップアップを表示したままにできません。マウスをラベルの上に置くとポップアップが表示されますが、ポップアップ上で移動すると表示されません。

            $('.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>

マウスが上にあるにもかかわらず、ポップアップがラベルの外側にあるため、ポップアップが非表示になっている可能性がありますか? これを修正する方法はありますか？

4

1 に答える 1

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

        $('.label').mouseout(function (e) {
            $(this).find(".popup").hide();
        });
  });
于 2012-09-10T12:48:28.880 に答える