在特定媒体查询后加载JqueryMobile文件的脚本

Question

我开始玩JqueryMobile，但是一些JqueryMobile脚本与非jqueryM菜单等其他东西冲突，所以我想仅从768px及以下或这些媒体查询中提取那些JqueryMobile脚本：  和

任何想法如何做到这一点，都在寻找如何做到这一点而不是成功，所以我希望你们能给我更新的想法。我的网站是thjis：http://pugle.net/test2/index.php 问题是JqueryM脚本不允许点击主菜单上的链接，这个主菜单显示在768px之前。这就是为什么我希望JqueryM脚本加载到任何768px屏幕下面。

所以THANX GUYS！

Answer 1

也许awesome media queries in JavaScript可以帮助你。这很容易实现 - 这是一个可能的解决方案可能看起来的例子：

enquire.register('only screen and (max-width: 768px)', {
  match: function() {
    $.getScript('jquery.mobile-1.3.1.min.js', function() {
      ...
    });
  },
  unmatch: function() {
    ...
  }
});