Question

我有一个jQuery工作，允许链接在移动设备上激活他们的子菜单，而无需导航到点击的链接，直到第二次点击。

jQuery('ul.nav > li.parent > a').click(function(event){
  if (jQuery(this).parent().hasClass('firstClick')) {
  } 
  else {
    event.preventDefault();
    jQuery(this).parent().addClass('firstClick')
  }
});

我希望如此，当我在其他地方addClass('firstClick')时，它也会找到所有其他列表项目的'firstClick'并删除它。我试过加入

find('ul.nav > li.firstClick').removeClass('firstClick');

到其他地方，但无济于事。非常感谢任何帮助。

Answer 1

试试这个：

jQuery('ul.nav > li.parent > a').click(function(event){
  if (jQuery(this).parent().hasClass('firstClick')) {
  } 
  else {
    event.preventDefault();
    jQuery('.firstClick').removeClass('firstClick'); //remove class
    jQuery(this).parent().addClass('firstClick');
  }
});

Answer 2

jQuery('ul.nav > li.parent > a').click(function (event) {
    var $li = jQuery(this).parent()
    if (!$li.hasClass('firstClick')) {
        event.preventDefault();
        $li.addClass('firstClick')
        $li.siblings('.firstClick').removeClass('firstClick')
    }
});

jQuery从重复项中删除类

2 个答案: