2011-12-16 11 views
2

私のsuperfishドロップダウンメニューに問題があります。プロジェクトにjQuery.Columnizerを追加する前にうまくいきました。 jQueryは、superfish.jsの問題を修正しました。しかし、両方を有効にして実行すると、メニューの上にマウスを移動するとドロップダウンメニューが表示されますが、ドロップダウンメニューのリンクをクリックするとドロップダウンが消えます。私はこの問題を解決するように思えない - 私は周りのグーグルで様々なアドバイスや例を追ってきたが役に立たない。jQuery SuperFish Error:jQuery( "ul.sf-menu")。superfishは関数ではありません。

私は、3つの列のように私のコンテンツを分割するためにコラムを使用しています。私は2つのjqueryライブラリを参照しているので、問題はありますか?

Superfish.js

<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<link href="/assets/css/main.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="/assets/css/superfish.css" media="screen" /> 
<script type="text/javascript" src="/assets/js/hoverIntent.js"></script> 
<script type="text/javascript" src="/assets/js/superfish.js"></script> 
<script type="text/javascript" src="/assets/js/jquery-1.2.6.min.js"></script> 

    <script type="text/javascript"> 
     // initialise plugins 
     $(document).ready(function() { 
      jQuery('ul.sf-menu').superfish(); 
      //alert("hello i am working... maybe or maybe not!"); 
     }); 
</script> 

Columnizer.js

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

<script type="text/javascript"> 
$('#wrapper').columnize(); 
$('.wide').columnize({ width: 200 }); 
</script> 

UPDATE:ここが問題を解決します。

<add key="**********.*********.***.JQuery.Path" value="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/> 

以前の参照の両方を取り出し、最新のCDNとそれを更新するには、それが完璧に働いていた保証 - 私は私のWebConfigで.JSを参照して、ページの背後にあるコード。 Phew ..今働いている - すべてのあなたの助けの人に感謝。

+0

なぜ2つのjqueryライブラリを参照していますか?私はそれが問題の逃げ道になるかもしれないと確信しています。 –

答えて

3

あなたが二回

<script type="text/javascript" src="/assets/js/jquery-1.2.6.min.js"></script> 

この行を削除jqueryのを追加しているか、理由プラグインのサポートの同じページにjQueryの2つのバージョンを含める必要がある場合には、この答え

https://stackoverflow.com/a/528251/413670

を参照してください。 EDIT

プラグインがjqueryバージョンをサポートしている場合これを試してみる

<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<link href="/assets/css/main.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="/assets/css/superfish.css" media="screen" /> 
<script type="text/javascript" src="/assets/js/hoverIntent.js"></script> 
<script type="text/javascript" src="/assets/js/superfish.js"></script> 
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<link href="/assets/css/main.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="/assets/css/superfish.css" media="screen" /> 
<script type="text/javascript" src="/assets/js/hoverIntent.js"></script> 
<script type="text/javascript" src="/assets/js/superfish.js"></script> 
<script src="/assets/js/jquery.columnizer.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
     // initialise plugins 
     $(document).ready(function() { 
      jQuery('ul.sf-menu').superfish();   
      $('#wrapper').columnize(); 
     $('.wide').columnize({ width: 200 }); 

     }); 
</script> 
+0

もしそれを取り除くと、このエラーメッセージが火の中に出る 'エラー:$ clone.propは関数ではない ソースファイル:http:// localhost:53225/assets/js/jquery.columnizer.min。 js' 'エラー:jQuery(" ul.sf-menu ")。superfishは関数ではありません ソースファイル:http:// localhost:53225/*****/*****/*** *****。aspx 行:15' あなたの中にその行を残しておけば、最初のエラーを引き起こすことがあります。適切な混乱。 – MJCoder

+0

編集を参照してください.. – Rafay

+0

3nigma web.configのjQueryへの参照を追加し、私のコードビハインドページで参照しました - 最新のCDNを参考にして問題を解決しました - 私は隠れていた古いものを取り出しましたお互いに矛盾していた別のページ。 '' PHEW!私に数時間かかったが、最後にそこに着いた...最初の投稿を更新しました – MJCoder

関連する問題