2012-04-23 16 views
2

ページが読み込まれたときにjquery javascriptを読み込もうとしていますが、常に2度読み込まれます。私はjquery 1.7.2とjquery mobile 1.1.0を使用しています。この3つの方法を試しましたが、スクリプトを常に2回読み込んでいます。jquery mobileはスクリプトを2回読み込みます

$(document).bind("ready", function() { } 
$(document).ready(function() { } 
$(document).live('pageinit',function(event) { } 

編集:私はそれを、たわごと!私はこのミスが誰にも起こらないことを100%確信しています。私はこのばかげた問題を申し訳なく思っています。

+0

cam u plzは完全なコードを貼り付けています。これらのものは一般的に$(document).ready(function(){})です。 enuf –

+0

私はそれも機能の中に1つだけの警告()とコードを魔法使いにしようとしました。 – AdrianoCelentano

+0

私は同じ問題があります。あなたのソリューションについて教えてください。 – kspacja

答えて

2

アップデート:これはjQuery 1.7.2とjQuery Mobile 1.1.0でローカルに試してみましたが、うまくいきます。 pageinitイベントへの1件のコールが表示されています。私も複数のページを試しても、pageinitへの呼び出しは1つしかありません。

通常、jQuery Mobileでreadyイベントを使用するのではなく、pageinitイベントだけを使用します。 jQuery mobile events documentation ...

ページが初期化された後にトリガされます。 は、ページが直接ロードされているか、 コンテンツがAjaxナビゲーション システムの一部として別のページにプルされているかどうかに関係なく、DOM ready()の代わりにこのイベントにバインドすることをお勧めします。

もっと具体的な回答をするには、実際のコードを掲載する必要があります。しかし、あなたの質問でreadypageinitの混在で、私はpageinitreadyの両方が同じコードを呼び出すと推測しています。

2

この時点で、jQuery 1.7.2はjQuery Mobile 1.1.0で完全にテストされていません。 jQuery 1.7.1を使用することができます。 jQueryの1.7.1

jQueryのモバイル1.1.0用

サポートが jQueryのコアの両方1.6.4および1.7.1バージョンをサポートしています。最新のリリースの大きな改善点である をすべて利用するには、1.7.1を使用することをお勧めします。しばらくの間、1.0.1 を使用している場合は、1.6.4のみがサポートされています。我々はまだtestign 1.7.2であり、将来のリリースでそれを正式にサポートします。

+0

私もいくつかの異なるバージョンを試しましたが、それでも同じ問題 – AdrianoCelentano

+0

あなたの答えは上記です - あなたはページ初期化のための一つの方法を選択する必要があります。他に何が起こっているのかを知るためには、より多くのコードを参照する必要があります。 –

7

私は上記のjqueryMobileと同じ問題を抱えていました。つまり、本文に配置されたすべてのスクリプトは2回ロードされます。配置されると、期待どおりに1回だけロードされます。

私は、「ページ」のデータ役割が含まれるようにルート(身体の開始後の最初のdiv)を変更することにより、身体の問題で二重のロードを解決:

<body> 
<div data-role="page"> 

ほら、これ以上の重荷重!

これは、新しいHTML5BoilerPlateのユーザーにとってよくある問題です。

+0

この重大な修正が機能しました。私はjQueryMobileが嫌いです。 – jaminto

+0

@bryan私は同じ構造を持っていましたが、リストビューの1つは私のウェブサイトで2回ロードされます:( – Vikram

+0

ありがとう。 –

0

私のスクリプトがjQueryMobile 1.3.0で二回と呼ばれ、 なっていた私は、jqueryの-1.9を使用して問題を修正しました。1 jquery-1.7.2の代わりに。後方用
また、あなたがjQueryの移行プラグインを使用することができます
すなわち<スクリプトSRC = "http://code.jquery.com/jquery-migrate-1.1.0.min.js"> < /スクリプト>
以前のバージョンのjQueryとの互換性。

関連する問題