関数とJSファイルを呼び出すときでさえ、TwitterのブートストラップでJavaScriptが機能しないのはなぜですか？

StackOverflow https://stackoverflow.com/questions/9354026

  •  28-10-2019
  •  | 
  •  

質問

JavaScriptをTwitterのブートストラップで動作させることはできません。

私はこれを持っています 

 <p>
     <a href="#" rel="tooltip" title="first tooltip" id="example">
        hover over me
    </a>
</p>

そして、私はそれがツールチップとして表示されたいです。

うまくいかないので、これを頭の中に追加しました：

<script type="text/javascript">
window.onload = function()
{
    if(!window.jQuery)
    {
        alert('jQuery not loaded');
    }
    else
    {
        $(document).ready(function(){
            $('#example').tooltip({'placement':'top', 'trigger' : 'hover'});
        });
    }
}

まだ動作していなかったThtaに注意して、ページ内のすべてのスクリプトリファレンスを削除し、これのみをヘッドに追加しました。

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js"></script>

私はダウンロードした特定のファイルを呼び出していませんが、元のファイルをホットリンクしていますが、それでもツールチップは表示されません。

注：新しいDrupalテーマを設定しようとしているので、私のサイトはDrupal内にあります（そして、ページはTPL.PHPファイルです）。

洞察をありがとう！

役に立ちましたか？

解決

githubファイルを直接使用したい場合は、rawを使用する必要があるので、 https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js いいえ https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top