Question

嘿，我有这个非常简单的小脚本，但我不是开发人员而且我不知道如何解决这个问题。我在我的网站前端使用波本威士忌和整洁的东西，当我想要使用波旁填充物中的折叠脚本时，我有一页。我的问题是，如果屏幕宽度低于480px，如果不低于480，我怎么能使这个脚本才能工作？不执行这个脚本？

HTML代码

<div class="expander">
  <a href="javascript:void(0)" class="expander-trigger expander-hidden">Expandable section</a>
  <div class="expander-content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio mollitia fugiat facilis enim accusamus quisquam aut, repellendus incidunt quod optio facere labore illo numquam ipsum beatae vero debitis, fugit excepturi.</p>
  </div>
</div>

JavaScript代码

$(document).ready(function() {
  $('.expander-trigger').click(function(){
    $(this).toggleClass("expander-hidden");
  });
});

Answer 1

$(document).ready(function() {
  $('.expander-trigger').click(function(){
    if($(window).width() < 480) { // check width of window
      $(this).toggleClass("expander-hidden");
    }
  });
});

编辑：根据评论讨论，这就是你真正追求的目标

$(document).on('resize', function() {
    if($(window).width() < 480) { // check width of window
        //document smaller than 480
    } else {
        //document larger than 480
    }
});

当屏幕宽度<1时，JavaScript执行脚本。 480而不是当它的重量大于> 480？

1 个答案: