我试图在这段代码中找到错误

时间:2012-12-28 19:31:32

标签: javascript drop-down-menu menu

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/

非常感谢提前

2 个答案:

答案 0 :(得分:1)

你的意思是使用jQuery v1.4.2吗?当时可能无法使用on方法。请尝试使用.bind(),或者在小提琴中更新为更新版本的jQ。

答案 1 :(得分:0)

我看到的第一个问题是ul没有类menu

这意味着$("ul.menu")永远不会开火。

我还有其他一些建议,但首先我需要你对上述评论进行评论..