0

我正在建立一个移动优先的方法网站，并正在决定有条件地加载内容的最佳技术。

技术1

该技术使用enquire.js

连同以下代码...

enquire
  .register("(min-width: 500px)", {
     match: function() {
        $("#page").load("content.html");
     }
  })
  .listen();

该解决方案依赖于 jQuery 和 Enquire.js。当页面向上调整大小时，新内容会自动下载，而当向下调整大小时，加载的内容仍然存在，并且可以通过 display:none 删除，尽管代码在加载后仍保留在 DOM 中。

技巧2

这是第二种技术

我在这里完成了第二种技术的代码笔，使用警报而不是实际内容

这是基于 CSS 媒体查询的，并且似乎比第一种技术快很多，并且在断点处交换内容。调整大小后，DOM 中不会留下任何代码，只有该视口的代码。

我倾向于使用技术 2，但不确定这是否是最好的技术。你会选择哪一个，为什么？

4

1 回答 1

0

CSS media queries are the way to go (I always use them with twitter bootstrap), but if you need support below IE9, I would rather recommend the enquire.js solution

More information about compatibility: http://caniuse.com/css-mediaqueries

于 2013-04-02T13:23:32.187 回答