2011-06-21 20 views
0

jQueryプラグインをインストールするのはかなり新しいですが、Webページごとに1つのプラグインをインストールするだけです。両方が同じjQueryライブラリのv1.6.1を使用し1つのhtmlページで同じjQueryバージョン(v 1.6.1)を使用して2つのjQueryプラグインをインストールするにはどうすればよいですか?

  • Nivoスライダー
  • Jsのスクロール

を:

は今、私は同じHTMLページに2 jQueryのプラグインをインストールしようとしています私はどのように競合を起こさずにこれらのコードを正しく記述するかについてはあまりよく分かりません。次のように

私のサイトでjQueryのコードは次のとおりです。

<head> 

<!-- START SCROLL PANE SCRIPT --> 
<link href="js/scrollpane/jquery.jscrollpane.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script> 
<script type="text/javascript" src="js/scrollpane/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="js/scrollpane/jquery.jscrollpane.min.js"></script> 
<script id="sourcecode" type="text/javascript"> 
$(function() 
{ 
    $('.scroll-pane').jScrollPane(); 
}); 

</script> 

<!-- START NIVO SLIDER SCRIPT --> 
<link href="js/nivo-slider/nivo-slider.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script> 
<script type="text/javascript" src="js/nivo-slider/jquery.nivo.slider.pack.js"></script> 
<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider(); 
}); 
</script> 

</head> 

が、私は間違いなく、これは私のサイト上で適切に機能していないの両方のjQueryのプラグインとしてそれを行うには間違った方法であることを知っています。

私を助けてください。 :)どうすればこれらのプラグインを正しく書くことができますか?両方を正しく動作させることができますか?

ありがとうございます。 :)

+1

1.6.1/jquery.jsの1つのインスタンスを含める必要があります。 – Niklas

答えて

1

jquery jsファイルを2回インクルードする必要はありません。両方ともjqueryライブラリの同じバージョンを使用します。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script> 
<script type="text/javascript" src="js/scrollpane/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="js/scrollpane/jquery.jscrollpane.min.js"></script> 
<script id="sourcecode" type="text/javascript"> 
$(function() 
{ 
    $('.scroll-pane').jScrollPane(); 
}); 

</script> 

<!-- START NIVO SLIDER SCRIPT --> 
<link href="js/nivo-slider/nivo-slider.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="js/nivo-slider/jquery.nivo.slider.pack.js"></script> 
<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider(); 
}); 
</script> 
1

あなたは気にする必要はありません。すべての必要なjsファイルを一度含めてください。 両方のプラグインが動作します

+0

ありがとうございます! :)それは今うまく動作します。 – fishyofthesea

+0

それが動作する場合は、私の答えに左のチェックマークをクリックして回答を受け入れることができます – Vivek

0

あなたは二回jQueryの1.6.1をロードするべきではありません。

  • 負荷jqueryのUIは
  • は、負荷(場合には、あなたがそれを必要とする)
    1. 負荷jQueryのすべてのプラグイン(1回)
    2. はあなたの "操作を行います。あなたは、通常、グループJavaScriptの次のようにjQueryライブラリをすべき使用しますあなたが二回基本的なjQueryのライブラリをロードする場合、自分のもの」

    は、二回目は、すでに前に、プラグインによって拡張されている可能性があり、既存の$ -objectが上書きされます。したがって、このプラグインはすべての機能を完全に失います。

    関連する問題