我正在为导航栏创建一个新功能。当您单击它时,它曾经会下拉,但新的方式是当它们悬停在箭头(指向下方)时。
我遇到的问题是我为此编写的脚本在较新版本的 jQuery 中运行良好,但在该站点的版本中无法正常运行。
请参阅最新版本的 jQuery 示例:http: //jsfiddle.net/titanium/wDEjs/
请参阅版本 1.4.1的示例:http : //jsfiddle.net/titanium/SmhHM/
脚本本身没有问题(对于较新的脚本),但它需要更改,因此它在版本 1.4.1中工作以解决此版本中的错误/错误。即使有人知道错误/错误是什么并且可以为我指出正确的方向来解决这个问题,那也很棒。
我知道最好的办法是使用更新版本的 jQuery,但我已经尝试过了,它似乎在网站周围搞砸了一些东西(而且它是一个非常大的网站)。
这是我目前正在使用的代码(在最新版本的 jQuery 中运行良好):
HTML
<ul>
<li>Page <span>sub</span></li>
<li>Page <span>sub</span></li>
<li>Page <span>sub</span></li>
<div class="clear"></div>
</ul>
<div class="sub">
<p>Some stuff here for the menu</p>
</div>
CSS
ul {
margin:0;
padding:0;
}
li {
float:left;
padding:0 50px;
background-color:#eee;
}
span {
cursor:pointer;
}
.clear {
clear:both;
}
.sub {
width:400px;
height:300px;
display:none;
background-color:#ccc;
}
Javascript
$(document).ready(function() {
$("span, .sub").hover(function() {
$(".sub").stop(true, false).slideToggle();
});
});