jQuery 鼠標輸入和點擊事件

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