1

ブートストラップ ポップオーバーを使用しています。ページには多くのポップオーバーがあり、ポップオーバーの 1 つで、タイトルを表示したくありません。タイトルを指定しないと、タイトルがあったはずの領域が表示されます。How do you disable the title in Twitter Bootstrap's popover plugin?に関する回答を見つけました。

ただし、 css : display:none を popover-title クラスに指定することはできません。これは、他のすべてのポップオーバーからもタイトルが非表示になるためです。

これを行う正しい方法は何ですか?前もって感謝します。

4

2 に答える 2

3

ありがとう..テンプレートをオーバーライドすることで機能しました

showpopover=function(message,context){
    var popover_message="<div>"+message+"</div>";
    //$(a).hide();
    $popover=$(context).popover({ placement:"bottom",trigger:"hover",template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-content"><p></p></div></div></div>',content:popover_message}).popover('show'); 
};

関数の呼び出し方法は次のとおりです。

html = html + "<td onmouseover=\"showpopover('"+main_image_data['score_reason']+"',this)\"><center>"+main_image_data['bonus']+"</center></td>";

できます :)

于 2013-08-29T10:00:13.420 に答える
2

確かに文書化されていないテンプレートオプションを使用して、ポップオーバーのテンプレートを指定できます。これは、投稿した質問への回答の1つに記載されています(受け入れられたものではありません)。ページ上の一部のポップオーバーのみの場合は、この方法を使用します。

編集: もちろん、これにはいくつかの欠点があります: ブートストラップを更新することは、テンプレートがまだ適合していることを確認することを意味します。これがまさに、このオプションが文書化されていない理由です (私は想像します)。

于 2013-08-28T15:08:00.410 に答える