3

ブートストラップのツールチップ、先行入力、日付ピッカー機能を使用しようとしています。しかし、私はコンソールでこれらのエラーを受け取り続けます！

Uncaught TypeError: Object [object Object] has no method 'tooltip'
Uncaught TypeError: Object [object Object] has no method 'typeahead'

これは私のインポートがどのように見えるかです：

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-typeahead.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/exporting.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.dropdown.css" />
<script type="text/javascript" src="js/jquery.dropdown.js"></script>

いくつかのサンプルコード：

<a class="btn btn-success" data-toggle="modal" href="#payments"
           rel="tooltip" data-placement="top" title="Record your payments">
            <i class="icon-check icon-white"></i> Payments</a>

$("#payments").tooltip('show');

同様に、datepickerとtypeaheadのコードがあります。

解決策はありますか？

編集：

これは私が今試したことです：

<a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Test</a>

<script type="text/javascript">
$(function() {
    $("#").tooltip().tooltip('show');
});
</script>

しかし、それでも成功しません。カーソルを合わせるとツールチップのテキストが表示されますTestが、これは先史時代のものです。ブートストラップの例のページに示されているものとは異なります。クールではありません。

だから今、誰かが私がどこで間違っているのかを知ることができますか？

4

4 に答える 4

9

私はちょうどこの問題に遭遇しました、そして私の問題は私が誤ってjQueryを2回含めていたということでした。

于 2013-07-17T01:52:43.570 に答える
3

ブートストラップjsファイルが正しくロードされていることを確認しますか？また、showプログラムでメソッドを呼び出す前に、要素のツールチッププラグインを初期化する必要があります。

<a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Test</a>

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

これはプラグインにもdatepicker当てはまります。typeahead

于 2012-10-06T21:41:41.043 に答える
0

スクリプトタグにbootstrap-tooltip.jsが存在しないことがわかります。

<script src="js/bootstrap-tooltip.js"></script>
于 2012-10-06T21:45:17.050 に答える
0

ブートストラップスクリプトを他のすべてのスクリプトの下に配置してみます。同じ問題が発生しました。これは、ブートストラップスクリプトの上にjQueryスクリプトがあったためです。

于 2013-08-21T15:27:22.307 に答える