2012-04-12 7 views
1

画像のスクロールバーと投票システム(ここからコピーしたもの:http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/)を持つページを作成しようとしています。jQueryライブラリを追加すると、同じページの他のjQueryが無効になる

投票機のポップアップを追加するまで、スクロール側はうまくいきました。私は図書館の仕事にポップアップするために必要な

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"> 

を追加したとき、私は、スクロール矢印を打つ時はいつでも基本的には、スクロール画像が消えて、ページを再ロードするようです。上記のライブラリをコメントアウトすると、スクロールバーが再び表示されます(しかし、ポップアップウィンドウは機能しません)。ここに他のファイルのディレクトリがあります。

  • 公開/スクリプト/ general0.js - スクロール
  • 公開/スクリプト/ウー・jcar.jsのためのinit - スクロール機能
  • 公開/スクリプト/ popup.js」 - ポップアップJavaScriptの

!私はニュービーだので、これは単なる矛盾するライブラリや何かに追加するような馬鹿なことかもしれません助けてください。

おかげで、

+3

これはちょっと古いjqueryバージョンですね。 2つの異なるjqueryライブラリを追加していますか? – Nanne

+0

あなたが作業している実際のサイトへのリンクを含めるために+1 ...これはここで頻繁に発生する必要があります。 :P – qJake

+1

@SpikeX、私は同意しない。彼らが開発段階にいるときに、誰かのサイトへのリンクを信頼するのは難しいです。彼らは危うくなったり、単に倒れたりする可能性があります。さらに、質問の回答中に行われた変更は、あいまいさにつながる可能性があります。私はむしろ[jsfiddle](http://jsfiddle.net)の問題の蒸留版を見て、みんなが平等な立場にいるように見えるだろう。 – zzzzBov

答えて

1

jQueryのは、すでにあなたのHTMLマークアップのこの行にあなたのページ(バージョン1.7.1)上に存在する:

<script type="text/javascript" src="public/scripts/jquery00.js"></script> 

は、この行を削除し、あなたは問題ないはずです。

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script> 
+0

削除した場合:<! - - > 「投票」を押すとポップアップが表示されません。 – Danconia

+0

ポップアップはjQueryのより新しいバージョンと互換性がありません。別の「ポップアップ」を見つけることをおすすめします。ここにヒントがあります:** [Lightboxes](http://google.com/search?q=lightbox+jquery)**と呼ばれています。 – qJake

0

ロケットで述べたように、 $ jq126バックのjQuery 1.2.6 1.7.2および参照に$をオンにするnoConflictを使用します。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $jq126 = $.noConflict(true); 
    // $ (and jQuery) is jQuery 1.7.2 
    // $jq126 is jQuery 1.2.6 
</script> 

それが十分でない場合には、おそらくポップアップライブラリはjQueryの1.2.6に厳密に依存します。それでは、ポップアップlibrayのjsファイルを開き、休閑の方法で、すべてのコードをラップ:

(function($, jQuery){ 
    // all the lib code 
})($jq126, $jq126); 

古いlibには、jQueryの古いバージョンを参照するために続けてこのように。

関連する問題