0

このサイトで提供されるツールチップを使用しているビューがあります: http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html これは Google Chrome と Firefox で正常に動作しますが、これは IE6 または IE7 では機能しません。1. IE-6/7 で動作させるにはどうすればよいですか? 2. また、ツールチップ内にリンクを表示したい。ツールチップ内をクリックしようとすると、ツールチップが消えてしまいます。回避策として、ツールチップのタイムアウトを維持しました。それ以外に、これを達成する方法はありますか?

コードは次のとおりです。

<link href="../../Content/demo.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/json2.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/demo.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jquery.bgiframe.min.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jquery.bt.min.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jqurey.easing.1.3.js" type="text/javascript"></script>
@*<script src="../../Scripts/ajax/jquery-1.3.2.min.js" type="text/javascript"></script>*@
<script type="text/javascript">
    $(document).ready(function () {
        $(".row").mouseover(function () {
            var d = $(this).attr("id");
            var obj = { x: d };
            $.ajax({
                url: '/Home/Change',
                type: "POST",
                data: JSON.stringify(obj),
                datatype: "json",
                contentType: "application/json; charset=utf-8",
                success: function display(response, status, data) {
                    //alert(response.id);
                    $(".row").bt("<a href='#'>Click here</a> " + response.id, { closeWhenOthersOpen:true,positions: 'bottom', hoverIntentOpts: { timeout: 1500} });
                }
            });

        });
    });
</script>

テーブルコードは次のとおりです。

<table>
@for (int i = 0; i < 5; i++)
{
    <tr id="@i" class="row">
    <td>abcd</td>
    <td>this is row number @i</td>
    </tr>
}
</table>

ありがとう！

4

3 に答える 3

0

1 番目の質問に対する回答が得られました。IE6 以降で動作させるには、Google の Explorer Canvas: excanvas.sourceforge.net を含める必要があります。

于 2012-02-16T07:55:36.520 に答える
0

これを HTML ページの最初に追加します。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
于 2012-02-14T10:27:24.233 に答える
0

著者のサンプルが機能する場合 (IE9 では機能しません)、jQuery とヒント プラグインを除くすべての css と js をコメント アウトすることから始めます。それが機能するかどうかを確認してください。そうでない場合は、正しくインストールされていない可能性があります。それがうまくいくなら。他のライブラリとcssのコメントを外して、いつ機能しなくなるかを確認してください。なんらかの葛藤があるはずです。Firebug または Chrome Developer Tools にエラーや警告が表示されますか?

于 2012-02-14T12:37:20.360 に答える