0

私はjqueryスライドショーを使用していますが、jquery newsticker(右にスクロールするテキスト)を含めると、スライドショーまたはメニューのjavascriptポップアップ(あるいはその両方)が機能しません。たとえば、私が置く場合

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

スライドショースクリプトのすぐ上では、スライドショーは機能しますが、他の何かは機能しません。コードをheadタグ内に配置すると、その逆になります。これは非常に珍しいことです(そして論理的ではありません)が、私はこの問題に6時間悩まされてきました。メニューで動作するprototype.jsを除いて、これがjqueryへの唯一のリンクであると確信しています。しかし、私は単にウェブサイトを編集しているだけなので、すべてがどのように機能するのかわかりません。

誰かが解決策が何であるかについての考えを持っていますか?

これに対処するもう1つの方法は、javascriptスライドショーを使用することです(ただし、jqueryは使用しません)。しかし、jqueryなしで機能する、私が欲しいものの例を見つけることができません。

私が必要としているのはこれです-phpはフォルダからすべての画像を取得し、データベースからデータ(リンク)を取得します。各画像は実際にはリンクであり、すべての画像はdiv内に表示されます。

<div id="slideshow">
  <a href="link"> <img src="src.jpg"> </a>
  <a href="link"> <img src="src.jpg"> </a>
  <a href="link"> <img src="src.jpg"> </a>
</div>

div idスライドショーは、javascript(jqueryではなく)が何を循環させるか(フェードアニメーション)を知るために使用するものです。誰かがここで私を助けてくれますか?

4

1 に答える 1

1

プロトタイプやmootoolsのような他のライブラリも同じ「$」エイリアスを共有しているため、同じページで組み合わせると競合します。

解決するには、jQuery.noConflict()を使用する必要があります。

jQueryが呼び出しをロードした直後のスクリプトタグでは、次のようになります。

 jQuery.noConflict();

コードで「$」を引き続き使用するには、コードを次のようにラップします。

  jQuery(function($){/* $ argument passes use of $ alias for jQuery into function*/

      $(selector).hide() ; /* can use normal jQuery syntax inside this function*/

  });

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

于 2012-06-26T01:05:07.293 に答える