0

クリックでブートストラップ ポップオーバーを使用しようとしています。最初に、js onReady の開始時に初期化します。次に、show オプションを追加しますが、それが間違った dom 要素に追加されます。ラッパー要素に配置する必要があります。

var wrapper = $(".modal .modal-wrapper");
wrapper.popover({trigger:'manual', title:"WORKING TOOLTIP", selector:wrapper});

次に、これはボタンのクリックで呼び出されます。

var showTooltip = function( ){
    wrapper.popover('show');
}

問題は、ポップオーバーがラッパー div 内に表示されず、代わりに body 要素に表示されることです。ラッパー要素内に表示するにはどうすればよいですか。

4

2 に答える 2

2

このselector属性は、プラグインによってトリガーされた場合に、委任されたイベントに対してのみ機能します。

まず、 を設定すると、このセレクターは使用されませんtrigger: 'manual'。

次に、（たとえば）trigger: 'hover'そのマークアップがある場合：

<div class="megadiv">
    <button class="btn">Hover me</button>
</div>

次の JavaScript は、任意のホバリング時に表示されるように1 つのポップアップをバインドします。.btn

$('.megadiv').popover({
    selector: '.btn',
    content: 'content',
    title: 'title'    
});

ライブデモ (jsfiddle)

これは の子要素にのみ適用されます.megadiv。jQuery.onそのためのドキュメントを参照してください。

イベントがバインドされた要素で直接発生した場合、ハンドラーは呼び出されませんが、セレクターに一致する子孫 (内部要素) に対してのみ呼び出されます。

于 2012-08-07T17:09:38.783 に答える
1

このようにしてみてください。セレクターのプロパティはオブジェクトではなく文字列を取ると思います

wrapper.popover({trigger:'manual', title:"WORKING TOOLTIP", selector: ".modal .modal-wrapper" });

http://www.w3resource.com/twitter-bootstrap/popover-tutorial.phpから

セレクタ

セレクターの値の型は文字列で、デフォルト値は false です。ツールチップ オブジェクトは、これを使用して指定されたターゲットに委任されます。

于 2012-08-07T16:20:59.320 に答える