jQuery悬停/ slideDown问题
jQuery悬停/ slideDown问题
提问于 2011-06-06 14:55:07
我正在公平地使用简单的jquery方法来下拉。但是这些代码在Firefox3.5和更低的版本nor opera中没有工作。它们是悬停或slideDown浏览器的替代品吗？？它在webkit、Firefox3.6up和IE8+上工作得很好
<ul id="menu">
<li>
<ul> <!-- this is the dropdown part -->
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ul> <!-- end dropdown -->
</li>
</ul>jQuery
$('#menu li').hover(
function () {
$('ul', this).slideDown(250);
},
function () {
$('ul', this).slideUp(250);
}
);回答 1
Stack Overflow用户
回答已采纳
发布于 2011-06-06 18:25:49
在Chromium11和Firefox 4(Ubuntu11.04)中，对我来说，代码的改编非常好：
$('#menu > li:has("ul")').hover(
function(){
$(this).find('ul').slideDown();
},
function(){
$(this).find('ul').slideUp();
});JS Fiddle。
备注：
$('#menu > li:has("ul")')只是一个更具体的选择器(它只针对#menu元素的直接后代，后者既是li元素，又包含ul元素)。$(this).find('ul')与上下文选择器($('ul,this))相同，只是内部jQuery调用$(this).find()方法：
在内部，选择器上下文是用
.find()方法实现的，因此$('span', this)等同于$(this).find('span')。
参考资料：
- jQuery API上的选择器上下文。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6253910
复制相关文章
相似问题
腾讯云开发者
