2011-12-16 82 views
2

我的superfish下拉菜單出現問題 - 在將jQuery.Columnizer添加到我的項目之前它工作正常。取出柱狀圖jQuery修復了superfish.js的問題 - 但是當兩者都啓用並運行時,當您將鼠標懸停在菜單上時會顯示下拉菜單,但當您嘗試單擊下拉菜單中的菜單鏈接時,下拉列表消失。我似乎無法解決這個問題 - 我一直在搜索並遵循各種建議和例子,但無濟於事。jQuery SuperFish錯誤: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確保它工作完美 - 我引用的.JS在我的webconfig然後代碼隱藏頁。 Phew ..現在工作 - 感謝所有幫助的人。

+0

你爲什麼引用2個jQuery庫?我相信這可能是問題的原因。 – 2011-12-16 13:22:21

回答

3

您要添加的jQuery兩次刪除此行

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

,或者如果您需要包括在同一頁面,因爲插件支持的jQuery的兩個版本指的是這個答案

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

編輯

如果你的插件支持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 Line:15` 在你離開那條線時說要拿出doest帶來第一個錯誤。適當的混淆。 – MJCoder 2011-12-16 13:29:03