我的 superfish 下拉菜单有问题 - 在我将 jQuery.Columnizer 添加到我的项目之前它工作正常。取出分栏器 jQuery 修复了 superfish.js 的问题 - 但是,当两者都启用并运行时,当您将鼠标悬停在菜单上时会显示下拉菜单,但是当您尝试单击下拉菜单中的菜单链接时,下拉菜单会消失。我似乎无法解决这个问题 - 我已经搜索并遵循了各种建议和示例,但无济于事。
我正在使用分栏器将我的内容分成 3 列。问题是因为我引用了 2 个 jquery 库吗?
超级鱼.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>
更新:这是问题的解决方案;
<add key="**********.*********.***.JQuery.Path" value="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/>
取出以前的引用并使用最新的 CDN 更新它,确保它运行良好 - 我在我的 webconfig 中引用了 .JS,然后在页面后面编写代码。呼..现在工作-感谢您的所有帮助。