Jquery Slide down Не работает для структуры ul li - PullRequest
Новая
       2

Jquery Slide down Не работает для структуры ul li

0 голосов
/ 02 июля 2011

У меня есть структура ul li, как показано ниже 

<ul class="lft_mnu" id="menu-main-menu">    
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-261 current_page_item menu-item-276" id="menu-item-276">
      <a href="http://apptivowp.apptivo.com/company-history/">COMPANY HISTORY</a>
      <ul class="sub-menu">
          <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-287" id="menu-item-287">
              <a href="http://apptivowp.apptivo.com/company-history/sample-1/">Sample 1</a></li>
          <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-286" id="menu-item-286">
              <a href="http://apptivowp.apptivo.com/company-history/sample-2/">Sample 2</a></li>
      </ul>
  </li>
</ul>

Я использую нижеприведенный javascript для отображения вложенной вкладки li ul с подменю classname 

 <script type="text/javascript">

        $('li.menu-item').mousehover(function () {
            $('ul.sub-menu').slideDown('medium');
        });
        $('li.menu-item').mouseleave(function(){
        $('ul.sub-menu').slideUp('medium');
            });


      </script>

Мне нужно показать <ul classname="sub-menu"> когда я наведу курсор мыши на <li classname="menu-item">.

Как я могу это сделать? ...

Ответы [ 2 ]

0 голосов
/ 02 июля 2011

Попробуйте это: 

<script type="text/javascript">
    $(function(){
        $('li.menu-item ul.sub-menu').hide();
        $('li.menu-item').hover(function () {
                $('ul.sub-menu', this).slideDown('medium');
            }, function(){
            $('ul.sub-menu', this).slideUp('medium');
        });
    });
</script>
0 голосов
/ 02 июля 2011

Одна вещь, которую вы можете изменить, - это отсутствие события, такого как указатель мыши, вам нужно поменять его на указатель мыши. Еще одна вещь, которую вы должны заметить, это то, что у ваших дочерних LI также есть класс menuItem, поэтому, когда мышь наведет на них мышку, вы также увидите скользящее поведение, которое вам может не понадобиться. Пожалуйста, проверьте, и тогда вам, возможно, придется сделать еще некоторые изменения.

...