2011-08-10 7 views
0

私はカウントダウンとフロープレーヤーがあるページを持っています。 2つの異なるjqueryソースを含める必要があります。私が1つを取る場合、カウントダウンクロックは動作しません。私が他の人を取り除くと、プレーヤーは動かない。競合するJqueryソースを修正する方法は?

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

EDIT

<script type="text/javascript"> 
    jQuery.noConflict(true); 
     $(function() { 
      var Day = new Date(); 
      Day = new Date(2015, 08, 02, 12, 12, 15, 00) 
      $('#defaultCountdown').countdown({until: Day}); 
      $('#year').text(Day.getFullYear()); 
     }); 
     var videopath = "http://www.site.co.uk/Video/"; 
     var swfplayer = videopath + "videos/flowplayer-3.1.1.swf"; 
</script> 

答えて

2

あなたはjQuery.noConflict(true)を使用する必要があります。

必要に応じて、メソッドに引数としてtrueを渡して、jQuery名を解放することもできます。これはめったに必要ではなく、これを行う必要がある場合(たとえば、同じページで複数のバージョンのjQueryライブラリを使用する必要がある場合)、ほとんどのプラグインがjQuery変数の存在に依存していることを考慮する必要があります。この状況で正しく動作しないことがあります。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>   
<script type="text/javascript">  
     $(function() { 
      var Day = new Date(); 
      Day = new Date(2015, 08, 02, 12, 12, 15, 00) 
      $('#defaultCountdown').countdown({until: Day}); 
      $('#year').text(Day.getFullYear()); 
     }); 
    jQuery.noConflict(true); 
</script> 
<script type="text/javascript" src="Video/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript">   
     var videopath = "http://www.site.co.uk/Video/"; 
     var swfplayer = videopath + "videos/flowplayer-3.1.1.swf"; 
</script> 
+0

私はjQuery.noConflict(true)を使用します。 flowplayerはまだ動作しません – Beginner

+0

Edit私はそれを正しく使用しましたか? – Beginner

+0

@Beginner問題はプラグインがjQuery変数に依存していることです。最初のプラグインを最初のソースでレンダリングしようとしましたが、最初のプラグインに2番​​目のjqueryソースが含まれてから2番目のプラグインがレンダリングされました。したがって、すべてのプラグインは独自のソースを使用します。 – Skomski

関連する問題