0

qTipというjQueryプラグインを使用して、素敵なツールチップを表示しようとしています。

しかし、私は奇妙な結果を得ています。jQuery ライブラリを Scripts フォルダに追加し、そこから「3rdParty」フォルダを作成しました。qhich には qTip ファイルがあります。

次に、Asp.Net MasterPage でそれらを参照します。

<head runat="server">
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta http-equiv="refresh" content="1140" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>

    <script type="text/javascript" src="/Scripts/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="/Scripts/3rdParty/jquery.qtip-1.0.0-rc3.min.js"></script>

    <script>
        $(document).ready(function() {
            $('#test').qtip({
                content: 'Mice eat cheese, but not stones.'
            });
        });
    </script>

</head>

次に、画面に画像があり、マウスがその上に移動したときにツールチップを表示しようとしています:

    <a href="/default.aspx">
    <asp:Image ID="test" runat="server" ImageUrl="/Images/main_icon.png" BorderStyle="None" />
</a>

ただし、画面を読み込んでマウスを画像の上に移動すると、画面の左端のボーダーに対して「ツールチップ」が表示され、予想されるテキストが表示されますが、マウスを離しても消えません。また、テキストのみです。本当のツールトップはありません。

ここに画像の説明を入力

4

2 に答える 2