0

公式の Bootstrap ドキュメントのこの例(「マークアップ」の下)に従おうとしているときに、ツールチップを機能させるのに問題があります。

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

Javascript を使用してツールチップをトリガーします。

$('#example').tooltip(options)

私の質問は、javascript コード (「トリガー」と呼ばれる) を header.php に追加する必要があるかどうか、または function.php の関数として何らかの方法でエンキューする必要があるかどうかです (方法がわかりません)。適切に行う)、または残りのコンテンツと共にページ自体のタグに配置するだけでよい場合。これまでに試したことは何も正しく機能していません。ありがとう!

4

2 に答える 2

1

要素が読み込まれ、jquery と Twitter ブートストラップ JavaScript が読み込まれたら、トリガーを起動する必要があります。

これは、ワードプレスのテーマとその設定方法にも依存します。

あなたのjavascriptをどこに入れていますか?

ブートストラップを使用した場合、CSS および JS ファイルを手動でテーマに追加しましたか? それとも、ボイラープレートをテーマのベースとして使用しましたか?

他のすべてのスクリプトが初期化された後に JS をロードする必要があります。

独自の javascipt をまだ含めていない場合は、次のことをお勧めします。

main.js ファイルを作成し、作成した「js」というフォルダーに配置します。

footer.php (テーマにある場合) で、</body>追加の直前に:

<script src="js/main.js></script>

次に、js ファイルに「トリガー」呼び出しを追加します。

$('#example').tooltip(options)

トリガーを呼び出し、要素がページにない場合に発生する可能性のある別の問題。(その要素をページに ajax しましたか?)

お役に立てれば。

于 2013-09-04T19:17:45.203 に答える
0

ページに tooltip.js が含まれていないようです。

デフォルト以外のオプションが必要な場合は、javascript を介してツールチップをトリガーします。

于 2013-09-04T19:13:35.473 に答える