jquery single click funktioniert nicht richtig

Question

Ich habe es geschafft, das Attributelement eines Listenelements zu entfernen, aber ich habe Mühe, Folgendes zu tun: Wenn ich auf ein Listenelement klicke, sollte es eine Klasse namens wichtig hinzufügen, andernfalls muss die Klasse nicht existieren.

Ich versuchte dies mit jQuery:

$(document).ready(function(){     
    var origHref = $('ul#primary-menu > li.menu-item-has-children > a').attr('href'); 
//alert(origHref); 
    var clicks = 0; 
    $('ul#primary-menu > li.menu-item-has-children > a').removeAttr("href").data("origHref",origHref); 
    $('ul#primary-menu > li.menu-item-has-children').click(function(){ 
    clicks++; 
    if(clicks === 1){ 
     $('ul#primary-menu > li.menu-item-has-children').addClass('important'); 
    } 
    else if(clicks > 1){ 
     alert("you clicked twice"); 
    } 
    });  
}); 

Problem: Wenn ich das Element und klicken Sie auf die Liste zum ersten Mal prüfen, happens.Only nichts, wenn ich zum zweiten Mal klicken, dass die Klasse hinzugefügt wird .

HINWEIS: Ich möchte das nur für mobile Geräte tun, also brauchen Sie sich keine Sorgen über Bildschirme zu machen, die breiter als 800 Pixel sind.

Bitte helfen.

Answer 1

eine tun, wenn basierend auf der Klasse nicht eine globale Variable, verhindern, dass das Standard-Click-Ereignis:

$('ul#primary-menu > li.menu-item-has-children').click(function(e) { 
    if ($(window).width() < 800) { 
    if (!$(e.target).closest('ul').is('.sub-menu')) { 
     e.preventDefault(); 
     if (!$(this).hasClass('important')) { 
     $(this).addClass('important') 
      //toggle the menu 
     } else { 
     //redirect if second click 
     window.location = $(this).find('a').attr('href'); 
     } 
    } 
    } 
});