javascript - 单击功能仅在 1024px 断点以上可用

Question

我有一个静音按钮，我只想在屏幕宽度 1024 以上工作。该函数不应在上述断点以下可用。我尝试了几种方法，但仍然无法实现这一目标。任何指示都会有帮助。请参阅下面我的片段:

if($(window).width() > 1024) { 
     $("#mute").click(function() {

         if ($("video").prop('muted')) {
             $("video").prop('muted', false);
             $(this).removeClass("fa-volume-off");
             $(this).addClass("fa-volume-up");

         } else {
             $("video").prop('muted', true);
             $(this).removeClass("fa-volume-up");
             $(this).addClass("fa-volume-off");

         }
     }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

已删除 JavaScript 错误，现在应该可以工作了。

if($(window).width() > 1024) { 
     $("#mute").click(function() {

         if ($("video").prop('muted')) {
             $("video").prop('muted', false);
             $(this).removeClass("fa-volume-off");
             $(this).addClass("fa-volume-up");

         } else {
             $("video").prop('muted', true);
             $(this).removeClass("fa-volume-up");
             $(this).addClass("fa-volume-off");

         }
     });
  }