jQuery mouseenter＆click events

Question

我在我的网站上找不到RWD问题的解决方案。

我有一个断点（575.98px）。如果分辨率高于该断点，则“ mouseenter”事件处于活动状态以显示隐藏的部分：

if ($(window).width() > 575.98) {
    $(".name").on("mouseenter", () => {
      $(".description").fadeIn(250);

但是对于低于断点的分辨率，我想关闭“ mouseenter”事件和活动的“ onClick”事件。

if ($(window).width() <= 575.98) {
  $(".name").on("click", () => {
        $(".description").show();

当前，代码在确定的断点以下无法正常工作。

请给我任何解决方案的提示。

Answer 1

您可以检出px事件。

$(".name").on("mouseenter", function() {
 if ($(window).width() > 575.98){
  $(".description").fadeIn(250);
 }
});


$(".name").on("click", function() {
 if ($(window).width() <= 575.98){
  $(".description").show();
 }
});