0

何らかの理由で、以下の単純なスクリプトが機能しません。「ポートフォリオ」リンクをクリックしたときにサブメニューが切り替わるようにします (サブメニューは正しく非表示になります)。

トリガー div を変更してページの他の場所に配置すると、正常に動作します。誰かが以下の問題が何であるかを説明できますか? 営巣禁止か何か？

JS:

<script>
jQuery(document).ready(function ($) {
  $('.sub-menu').hide();
  $('#menu-item-154 > a').click(function(){
    $('.sub-menu').toggle();
  });
});
</script>

ページ HTML

<div class="menu-main-menu-container">
  <ul id="menu-main-menu" class="">
    <li id="menu-item-154" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-154">
      <a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="/?page_id=20">ITEM 1</a></li>
        <li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href="/?page_id=48">ITEM 2</a></li>
      </ul>
    <li id="menu-item-56" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-56"><a href="/?cat=1">NEWS &#038; BLOG</a></li>
  </ul>
</div>
4

2 に答える 2

1

liポートフォリオの後に閉じませんでした:

<li id="menu-item-154" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-154">
  <a href="#">Portfolio</a>
</li>

でクリックイベントを使用しないのはなぜa hrefですか?

<a id="opensub1" href="#">Portfolio</a>
于 2013-02-28T12:58:13.033 に答える
0

使用するfind()

  $('.sub-menu').hide();
  $('#menu-item-154').find('a').click(function(){
    $('.sub-menu').toggle();
  });
于 2013-02-28T12:56:47.483 に答える