0

現在、jQuery ツールチップ プラグインを使用して、データ入力中にユーザーに簡単なリマインダーを作成しています。これが私が使用しているjQueryのツールチップです: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

しかし、問題が発生しました。ツールチップの本文に新しい行を追加するにはどうすればよいですか?

次のコードを試しましたが、まだ実行できません。

<a href="Local Number: 2255-1234 \n Foreign Number:" id="TelephoneGuide" title="Data Input Example:">?</a>
<a href="Local Number: 2255-1234 &#010; Foreign Number:" id="TelephoneGuide" title="Data Input Example:">?</a>

それで、誰かがこの問題について私を助けることができますか?

ありがとう〜

4

5 に答える 5

2

おもう

<br/>

トリックを行う必要があります。

例えば：

<a href="Local Number: 2255-1234 <br/> Foreign Number:" id="TelephoneGuide" title="Data Input Example:">?</a>
于 2012-01-04T09:02:41.760 に答える
1

次のように、改行を「エンコード」して bodyHandler 属性を使用できます。

ドキュメントには、href 内の #id へのリンクの例が示されています。これにより、その #id のコンテンツが表示されます。したがって、あなたと #id を持つ要素をページのどこかに配置し、それをツールチップとして指定します。

<a id="yourLink" href="Hello#world">Some text</a>

$("#yourLink").tooltip({ 
    bodyHandler: function() { 
        var href_value = $(this).attr("href");
        return href_value.replace("#","<br/>");
    }
});
于 2012-01-04T09:21:09.280 に答える
1

ラインブレイクのことですか？CSS ルールを使用して、アンカー タグにマージンを追加することをお勧めします。それ以外の場合は、2 つのタグ<br />の間にいくつかの 's を挿入します。a

于 2012-01-04T09:03:05.167 に答える
0

私はこのように使用しています（jQuery 1.9と標準のツールチップ機能）：

$(".myClass").tooltip({
    content: function() {
        return $(this).attr('title');
    }
})

そして、タイトルでHTMLを使用できます

例：

<span title="Line1 <br> Line 2 <br> <b>Bold</b><br>">(?)</span>
于 2013-02-01T14:26:54.047 に答える