2012-05-02 25 views
2

jqueryのUIを使用して、ホバー上でdivをスライドさせています。それはそれ自身でうまく動作しますが、この<script src="http://www.google.com/jsapi" type="text/javascript"></script>もインストールされているときに働いているときに問題が発生しています(これは.loadのページの一部のコンテンツに使用しています)どちらかのスクリプトを削除してもうまく動作しますが、 UIが機能しなくなります。「http://www.google.com/jsapi」スクリプトもリンクされている間、jqueryは機能しません

これは私が使用しているスクリプトです - この問題を回避するにはどうすればよいですか?前もって感謝します。あなたは、GoogleのJSAPIを使用する場合

<script src="http://www.google.com/jsapi" type="text/javascript"></script> 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
+0

あなたは頭の中でこれらをロードするか、別の場所でされていますか? jqueryを呼び出すスクリプトをどこにロードしていますか?どのようなエラーが出ていますか? – newtron

+0

こんにちは、私は頭にそれらを読み込んで、エラーは私がdivを表示していないホバリングにちょうどそれを取得していますが、私はうまく動作します。 (ただし、負荷がかかりません)。問題のサイトはnew.pudle.co.ukです – sam

+0

私はサイトをまだ見ていませんが、jQuery UIがロードを終了する前にjQuery UIの呼び出しを行っている可能性があります。 Googleのものを読み込んだりしたりしないと、タイミングが変わる可能性があります。 – newtron

答えて

5

、あなただけのloadメソッドを使用してjQueryとjQueryのUIをロードする必要があります。

<script type="text/javascript"> 
     google.load("search", "1"); 
     google.load("jquery", "1.4.2"); 
     google.load("jqueryui", "1.7.2"); 
    </script> 

全体のポイントだ

https://developers.google.com/loader/から):あなたがいませんGoogle API(およびサーバー)を使用しているときに、自分でjqueryファイルをインクルード(および提供)する必要があります。

+0

素晴らしい作品です、ありがとう!私のサーバにホストされているフォールバックjqueryを提供する必要がありますか? – sam

+0

いいえ、動作しません。あなたの問題がGoogleサーバーだけが応答していない場合、非常にうまくいきます!これらのファイルがブラウザによってキャッシュされていることを忘れないでください。多くのサイトで使用されているため、キャッシュに残る可能性があります。 –

関連する問題