javascript - jQuery mouseenter & click 事件

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();

目前，代码在确定的断点下无法运行。

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

标签： javascriptjqueryeventsresponsive-design

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();
 }
});