2

イライラし始めて、どこが間違っているのかを確認するのが難しくなっていますが、基本的には、ページのコンテンツの画像にカーソルを合わせると、Bootstrap の jQuery ツールチップが機能するようにしようとしています。

本文の HTML:

<div class="tooltip-demo well">
<a title="Tooltip Text Goes Here" rel="tooltip" class="pennant-task" href="#">
<img src="/ssawp/wp-content/themes/wordpress-bootstrap/images/tasks/ytool-boatparts.jpg" />
</a>
</div>

ヘッダ：

<script type="text/javascript">
    $('.tooltip-demo.well').tooltip({
        selector: "a[rel=tooltip]"
    })
</script>
<script src="bootstrap.js" type="text/javascript"></script>

ブラウズしやすくするためにパスを短くしましたが、問題をライブでチェックしてください。

http://okamistudio.com/ssawp/pennants/

テキストの「黄色いペナント」ブロックの下にある小さなボートのアイコンにツールチップを表示しようとしています。

ヘルプやガイダンスをいただければ幸いです。

4

1 に答える 1

3

bootstrap.jsまず、独自のコードを記述する前にインクルードする必要があります。次に、コードをドキュメント対応ハンドラーでラップする必要があります。

また、あなたの例にはそれが含まれていないので、完全を期すために必要なものも含めましたjquery.js。これを試して：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="bootstrap.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $('.tooltip-demo.well').tooltip({
            selector: "a[rel=tooltip]"
        });
    });
</script>
于 2013-02-09T11:18:55.383 に答える