Twitterポップオーバーを使用しようとしたときにBootstrap + Mootools + JQuery.NoConflict（）の問題が発生しました

mootoolsとJQueryを使用しているTwitter Bootstrap（Javascriptの機能にJQueryを使用しています）は、JQuery.NoConflict .js。Twitterポップオーバーを使用しようとしたときにBootstrap + Mootools + JQuery.NoConflict（）の問題が発生しました

これで、bootstrap-popover.jsを使用しようとしていますが、bootstrap-dropdown.jsと同じように動作しません。まあ、それは私がかなりよく理解できない互換モードの問題だと思います。

私はエラーでこのジャバスクリプトがあります。

<script type="text/javascript"> 
$(function() { 
    $('td[rel=popover]') 
    .popover({ 
     offset: 10, 
     live: true 
    }) 
    .click(function(e) { 
     e.preventDefault() 
    }) 
}) 
</script>

をし、エラーがある：

Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function

編集：私は成功したの前に（ではないMooToolsのでポップオーバーを使用しました

）と私は同じ方法とコードを繰り返してみました。ただ、エラーでこのJavaScriptコードの前に、私は（成功したロードされている）、このようなファイルをリンクしています：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script src="../js/html5.js"></script> 
<script src="../js/bootstrap-dropdown.js"></script> 
<script src="../js/bootstrap-alerts.js"></script> 
<script src="../js/bootstrap-twipsy.js"></script> 
<script src="../js/bootstrap-popover.js"></script> 
<script src="../js/bootstrap-modal.js"></script> 
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />

私はそれが<head></head>の間で良くなければならないことを知っているが、それは<body>内で同様に動作する必要があり、それがあります他の人のために働いていますbootstrap-alerts.jsとdropdown。

<thead> 
    <tr> 
     <th>Título</th> 
     <th>Data</th> 
     <th>Horário</th> 
     <th rel="popover" data-original-title="A title" data-content="And here's some amazing content. It's very engaging. right?">Ticket Associado <img src="../img/alert-icon.gif"></th> 
     <th>Entrar no Chat</th> 
    </tr> 
</thead>

そしてMooToolsのは、Twitterのブートストラップ/ jQueryの後に呼び出されている：はまた、私は<table>にポップオーバーをこのように呼んでいます。

助けが必要ですか？あまり前もってありがとう！

出典

2011-12-18 Pabluez

erm。 Twitterのポップオーバーコードに問題があるように思えます。

Property '$' of object [object DOMWindow] is not a function - $があなたの考えではないかのように聞こえます。 noConflictのポイントは、jQuery()ではなく$ではないと思いました。あなたが投稿したコードは正確にはそうではありません。逆にmootoolsがjqueryの後に読み込まれ、1.2.3以降のバージョンの場合は$の宣言を引き継ぎ、代わりにdocument.idにフォールバックすることはありません。

例外、ランタイム、またはpopover要素と対話するときは、いつ取得しますか？ console.log(window.$)を実行して宣言したものを参照してください。それは、プリミティブなオブジェクトプロパティであり、関数ではないようです。

$を使用する必要がある特定のmootoolsを実行しますか？あなたが提供したものよりも多くのデータが必要です。

あなたが見たいかもしれない1つのことは、BootstrapのMooToolsポートです：http://dev.clientcide.com/?version=MooTools%20Bootstrap - まだ進行中ですが、重要なものがあります。

出典

2011-12-19 10:27:29

Chirstoff、私はconfと環境に関するいくつかの情報を追加しました。あなたの助けと忍耐に感謝します:) – Pabluez

mootoolsはどこにロードされていますか？ console.log（window。$）とconsole.log（$。toString（））を実行するとどうなりますか？ - jqueryまたはmootoolsにはそれがありますか？ブートストラップドロップダウンの内側でそれを使用しているとも言えます。提供されたコードはポップオーバーのために安全でないように見えます - それは$ being jqueryに依存しています。 –

Twitterポップオーバーを使用しようとしたときにBootstrap + Mootools + JQuery.NoConflict（）の問題が発生しました

答えて

関連する問題