Использование hoverintent вместо show / hide ... помогите с изменением кода, пожалуйста - PullRequest
Новая
       23

Использование hoverintent вместо show / hide ... помогите с изменением кода, пожалуйста

0 голосов
/ 06 декабря 2010

Я знаю, что на этом сайте много замечательных помощников, я все еще изучаю jquery, но мне нравится функциональность, стоящая за ним.Недавно я создал мегадроп вниз меню, но начал получать множество рекомендаций по использованию плагина hoverintent вместо использования show / hide.Я заблудился, пытаясь изменить свою кодировку, чтобы заставить ее работать ... ПОЖАЛУЙСТА, ПОМОГИТЕ ... СПАСИБО ВСЕГДА, ПАРНИ И ГАЛС !!! !!!тоже создается, но я не думаю, что мой код работает, чтобы этого не произошло?

Мой сайт ... работает только выпадающий список About DKE ...

http://www.nestudiosonline.com/test.php

мой скрипт jquery ... 

$(document).ready(function() {
    // shows the hidden div in the list
    $('#dave').mouseover(function() {
        $('#aboutdke').show('slow');

    });
    // hides the hide the div again for that list item
    $('#dave').mouseleave(function() {
        $('#aboutdke').hide('slow');

    });
});

Вот мой HTML .... 

<div id="pagelinks">
 <ul id="menu">
     <li class="mega"><a class="dkeorg" href="#">DKE.ORG</a></li>
        <li class="megamenu" id="dave"><a class="links" href="#">ABOUT DKE</a><div id="aboutdke">
       (about dke div content)
            </div>
  </div></li>
        <li class="megamenu"><a class="links" href="#">ALUMNI</a></li>
        <li class="megamenu"><a class="links" href="#">UNDERGRADUATES</a></li>
        <li class="megamenu"><a class="links" href="#">EVENTS</a></li>
        <li class="megamenu"><a class="links" href="#">MULTIMEDIA</a></li>
        <li class="megamenu"><a class="links" href="#">SHOP DKE</a></li>
      </ul>
 </div>

1 Ответ

0 голосов
/ 06 декабря 2010

Две вещи, прежде чем я получу реальный ответ:

  1. Вам не хватает открывающего тега body после вашего типа документа.

  2. В XHTML допустимы только строчные теги.

События запускаются только для #aboutdke, потому что это единственный элемент, который вы жестко закодировали в функции обратного вызова события. Попробуйте что-нибудь более абстрактное: 

$('#menu > li').mouseover(function() {
    $(this).children().is('div').show('slow');
});
$('#menu > li').mouseleave(function() {
    $(this).children().is('div').hide('slow');
});

Это должно (если память служит) работать для каждого пункта меню.

...