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

Question

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>

​</p>

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/

提前谢谢了

Answer 1

您的意思是使用 jQuery v1.4.2 吗？on 方法当时可能不可用。尝试 .bind() 代替，或者在你的小提琴中更新到更新版本的 jQ。

Answer 2

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

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

我还有其他一些建议给你，但首先我需要你回答上面的评论..