0

これは、Jquery について詳しく知っている人向けです。私の質問は次のとおりです。

ブートストラップ フレームワークを使用して Web を作成しています これらを試すためにいくつかのツールチップを追加しました しかし、使用しているコードが 2 つ以上のツールチップで機能しないことに気付きました

つまり、これは JS のコードです。

<script>
    $(function () {
        $('#tooltips').tooltip();
    });
</script>

ツールチップを呼び出すコードは次のとおりです。

<a href='#' id='tooltips' data-placement='top' title='this is a tooltip'>

そのコードを配置すれば、2 つ以上のツールチップに使用できると確信していましたが、できません。

再開するには: 1 つではなく 2 つ以上のツールチップに使用できない理由を知りたいです。なぜなら、4 つのツールチップに対して 10 行の JS を使いたくないからです。

4

1 に答える 1

2

id1 つのページに同じ値を複数指定することはできません。class代わりに使用してください。これは非常によくある間違いです。

<script>
    $(function () {
        $('.tooltips').tooltip();
    });
</script>

<a href='#' class='tooltips' data-placement='top' title='tooltip'>...</a>
<a href='#' class='tooltips' data-placement='top' title='another tooltip'>...</a>
<a href='#' class='tooltips' data-placement='top' title='another tooltip'>...</a>

JavaScript や CSS をデバッグする前に、HTML 検証サービスを使用してページをチェックする必要があります。問題を解決しようとする前に、100% 合格することを確認してください。

于 2013-08-07T02:49:19.000 に答える