0

Twitter Bootstrap popoverプラグイン<span>を使用して、要素がクリックされたときにポップオーバーを表示しようとしています。

bootstrap-tooltip.jsおよびを含むすべてのファイルがページに含まれていますbootstrap-popover.js。これは、ポップオーバーを呼び出すための私のjQueryコードです。

$('#supported-hosts').popover({
    'animation': true,
    'html': 'test',
    'trigger': 'click'
});

ただし、要素をクリックしても何も起こりません。開発者コンソールなどにJavascriptエラーはありません。

私もこれを効果がないようにしようとしました：

$('#supported-hosts').on('click', function() {
    $(this).popover('show');
});

Bootstrapのドキュメントからわかる限り、正しく使用しているので、何が問題なのかはかなりわかりません。

編集：また、HTMLは単なるスパン要素です：

<span id="supported-hosts">Supported filehosts</span>
4

1 に答える 1

0

ポップオーバーを表示するには、そのコンテンツを指定する必要があります。

これは、htmlタグ自体で実行できます。

<span id="supported-hosts" data-content="Popover content">Supported filehosts</span>

またはJavaScriptを使用する場合：

$('#supported-hosts').popover({
    'content': 'Popover content'
    'animation': true,
    'html': 'test',
    'trigger': 'click'
});

デフォルトでは、ポップオーバーはtitleそれをトリガーする要素の属性を使用するため、必要に応じてそれを使用することもできます。

于 2013-01-29T22:41:53.677 に答える