Question

我对我的JS有点困惑（我是一个非常新的JS工作）。

我已经

了

$('#left-nav-menu').hover(function () {
  $(this).toggleClass('menu-desktop_open_hover')
});

如果已经有这个课程，我想实现＆＃34; menu-desktop_open_hover＆＃34;然后用这个课程点击DIV＆＃34; menu-desktop_open_hover＆＃34;请勿添加名为＆＃34; menu-desktop_open＆＃34;

的新类

默认情况下，当您使用类＆＃34; menu-desktop_open_hover＆＃34;单击DIV时它正在添加一个名为＆＃34; menu-desktop_open＆＃34; （我们需要将这个类保留为另一个东西，但不是当div是鼠标悬停/鼠标输出时）

有谁知道我怎么能实现它？

由于

Answer 1

您可以使用jQuery hasClass()

$('div').on('click', function() {
  if ( $(this).hasClass("menu-desktop_open_hover") ) {
     //Do something if it's true the class is applied...
  }
});

Answer 2

谢谢@ProEvilz

在我的最终代码之下，它正在运行！

＆＃13;

$('#left-nav-menu').hover(
  function() {
    $(this).toggleClass('menu-desktop_open_hover')
  }
);

$('#left-nav-menu').on('click', function() {
  if ($(this).hasClass("menu-desktop_open_hover")) {
    $("#left-nav-menu").removeClass("menu-desktop_open");
  }
});

＆＃13;

Answer 3

您可以像这样使用切换：

$('div').on('click', function() {
  if ( $(this).hasClass("menu-desktop_open_hover") ) {
     $(this).toggleClass("menu-desktop_open");  // toggleClass() will help you.
  }
});

如果有X级别，请不要添加新的Y类

3 个答案: