1

Twitter Bootstrapをダウンロードし、フッターに.jsファイルを含めました。情報アイコンの上にマウスを置くと、ツールチップが表示されるようにしたいと思います。だから私はこのコードを持っています：

<img src="<?php bloginfo('template_directory'); ?>/img/png/info.png" rel="tooltip" data-placement="top" title="blah blah blah">

次に、ツールチップを有効にするための次のスクリプトがあります。

<script type="text/javascript">
jQuery(function () {
    $("[rel='tooltip']").tooltip();
});

ただし、ツールチップは、TwitterBootstrapのサンプルページには表示されません。 http://twitter.github.com/bootstrap/javascript.html#tooltips

テーマのデフォルトのスタイルで表示されますが、興味深いのは、WordPressでTwitter Bootstrapプラグインをダウンロードし、プラグインでJavascriptライブラリを有効にすると機能することです。ただし、問題は、デフォルトのCSSがWebサイト上の私のCSSを上書きすることです。

私が自分自身を明確にしたことを願っています。

これは2日間私の頭を悩ませてきたので、どんな答えも大歓迎です。

アラン

4

3 に答える 3

0

@Arran私も同じ問題を抱えていますが、「タイトル」を「data-original-title」に変更すると、私から機能します。これを使用してみてください：

<img src="<?php bloginfo('template_directory'); ?>/img/png/info.png" rel="tooltip" data-placement="top" data-original-title="blah blah blah">
于 2013-04-19T05:17:44.807 に答える