Ошибка Jquery dblclick/click

Question

Я экспериментировал с jquery и столкнулся с проблемой. http://javascript.nicklewers.co.uk/nav/
На вкладке «Android» я установил его так, чтобы, щелкнув один раз, появится подменю, однако при двойном щелчке появится основное содержимое.

Теперь проблема заключается в следующем: двойной щелчок включает в себя два клика, которые включают открытие и закрытие подменю очень быстро, и это выглядит плохо. Как я могу это предотвратить?

Answer 1

попробовать это (с помощью таймера, чтобы знать, если один щелчок или двойной):

alreadyclicked=false; 
$('#android').bind('click',function(){ 
    var el=$(this); 
    if (alreadyclicked) 
    { 
     alreadyclicked=false; // reset 
     clearTimeout(alreadyclickedTimeout); // prevent this from happening 
     // do what needs to happen on double click. 
    } 
    else 
    { 
     alreadyclicked=true; 
     alreadyclickedTimeout=setTimeout(function(){ 
      alreadyclicked=false; // reset when it happens 
      // do what needs to happen on single click. 
      // use el instead of $(this) because $(this) is 
      // no longer the element 
     },300); // <-- dblclick tolerance here 
    } 
    return false; 
}); 

Answer 2

Попробуйте задержку перед показа/скрытия подменю. С помощью JS это можно сделать с помощью функции setTimeout().

Answer 3

$('#android').dblclick(function(){ 
    $('.content, #subnav').toggle(); 
}); 

Почему вы переключаете как содержимое, так и подменю? Удаление этого решения не решит, но я думаю, что этого не должно быть.