0

我有一个关于 JQuery 的问题。我正在尝试设计网站的移动部分，但遇到了错误。所以我有 3 种不同屏幕尺寸的 CSS（480、平板电脑类型和默认值）。移动版本有更多的 jQuery 平铺布局，但我只希望它与移动 480 屏幕尺寸一起使用。我这样做

$(document).ready(function () {
    if ($(window).width() < 481) {

我发现的错误是，如果我在手机上并以纵向模式加载站点，然后将屏幕转到横向模式，css 会正确更新，因此它不再使用平铺类型，而是更多列，但是然后 jQuery 仍在工作，我可以切换我不想切换到那个大小的东西，只有 tile 设置。有没有办法做到这一点？如果我在横向模式下加载我的网站，则 jQuery 不会加载（这很好），只有在我切换时才会加载。我知道这是因为它会在页面加载时检查屏幕大小，但有人有解决方法的想法吗？

4

1 回答 1

0

由于您使用媒体查询以获得相同的分辨率，这就是我所做的。

在您的 Jquery 中，测试媒体查询更改。例如，假设你有这个：

 @media (max-width: 480px) { 
      #someDiv {
          display:none;
     }
 }

在您的 JQuery 中，您可以执行以下操作：

 if($("#someDiv").css("display") == "none") {
     // do whatever you want in Javascript that will only be run if that css media query is triggered
 }
于 2013-07-02T20:10:33.600 回答