HTML是:
<ul id="menu-tester" class="paper-box">
<li id="menu-item-308" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-308">Close Board Fencing</li>
<ul class="sub-menu">
<li id="menu-item-313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-313">Close Board Fencing Panels</li>
</ul>
</ul>
css是:
ul ul { display: none; }
javascipt是:
$("ul.menu").find('> li').hover(
function() {
$(this).find('> ul').slideDown();
},
function() {
$(this).find('> ul').hide();
}
);
$("ul.sub-menu").find('> li').on('click', function() {
$(this).find('> ul').slideDown();
},
function() {
$(this).find('> ul').hide();
}
);
我似乎无法让它工作,请参阅下面的jsfiddle链接。
http://jsfiddle.net/PaxTg/770/
非常感谢提前
答案 0 :(得分:1)
你的意思是使用jQuery v1.4.2吗?当时可能无法使用on方法。请尝试使用.bind(),或者在小提琴中更新为更新版本的jQ。
答案 1 :(得分:0)
我看到的第一个问题是ul
没有类menu
。
这意味着$("ul.menu")
永远不会开火。
我还有其他一些建议,但首先我需要你对上述评论进行评论..