-1

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; }​

javascript は次のとおりです。

$("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/

よろしくお願いします

4

2 に答える 2

1

jQuery v1.4.2 を使用するつもりでしたか? その時点で on メソッドを使用できない場合があります。代わりに .bind() を試すか、フィドルで新しいバージョンの jQ に更新してください。

于 2012-12-28T19:35:05.197 に答える
0

私が最初に目にする問題はul、クラスには何もないということですmenu。

つまり、$("ul.menu")決して発火しません。

他にもいくつか提案がありますが、まず上記のコメントに答えていただく必要があります..

于 2012-12-28T19:37:21.353 に答える