jQuery SuperFish 错误:jQuery( "ul.sf-menu" ).superfish 不是一个函数



我的超级鱼下拉菜单有问题-在我添加jQuery之前工作正常。我的项目的Columnizer。拿出columnizer jQuery解决了superfish.js的问题——然而,当两者都启用并运行时,当您将鼠标悬停在菜单上时显示下拉菜单,但是当您尝试单击下拉菜单中的菜单链接时,下拉菜单消失了。我似乎无法解决这个问题-我已经谷歌周围,并遵循各种建议和例子,但无济于事。

我正在使用columnizer将我的内容分成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,然后在页面后面引用了代码。唷. .正在工作,谢谢大家的帮助。

你添加了两次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>

最新更新