Question

我有2个js代码，代码A和代码B，我希望代码A仅在屏幕的最大宽度为800px时使用。

当最大宽度为400时使用的代码B，但禁用代码A. 有没有办法根据设备的屏幕尺寸在它们之间切换？

代码A：

jQuery(document).ready(function($) {$("#touchcarousel-1").touchCarousel({"pagingNavControls":true,});});

代码B：

jQuery(document).ready(function($) {$("#touchcarousel-1").touchCarousel({"pagingNavControls":false,});});

任何帮助都将受到高度赞赏！

Answer 1

您可以使用$(window).width();获取宽度，然后将其合并到if语句中......

if ($(window).width() > 800) {
  // code for large viewports
} else if ($(window).width() < 400) {
  // code for small viewports
}

与其他人建议的jQuery.getScript()组合，这应该是非常轻松的......

Answer 2

如果您的代码位于两个不同的文件中，您可以使用Modernizr / Yepnope加载scrips。

Modernizr.load([
{
    test: Modernizr.mq('all and (max-width: 800px)'),
    yep: '/js/CodeA.js',
    nope: '/js/CodeB.js'
}

Answer 3

使用用户p.s.w.g的条件，您可以使用查询加载脚本，例如 http://devdocs.io/jquery/jquery.getscript

$.getScript("script.js", function(){
    // do stuff
});

找到