如何加載和運行基於窗口的腳本寬度

Question

我工作的一個1頁的小應用程序，我試圖加載基於屏幕寬度的不同版本的應用程序的：

(function() { // This is on the body of the document 
    var windowWidth = $(window).width(); 
    if(windowWidth > 1000){ 
     $('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>'); 
    }else{ 
     $('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>'); 
    } 
})(); 

我不只是使用響應版本的原因是因爲完整版本爲此客戶端提供了一些自定義CSS。

裏面的任何一個文件都有一個名爲「IC」的對象，它有很多方法和屬性，以及一個準備啓動所有功能的文檔。

當我運行它，我得到的文件準備的內部消息：

Uncaught TypeError: Cannot read property 'createConfigurator' of undefined 

在行：

IC.createConfigurator(); 

因此，它不能識別IC爲對象

Answer 1

這是$（document）.ready（）中的代碼嗎？

Answer 2

嘗試以這種方式使用它，設置爲'html'一個特定的大小，大小。

$(function(){ 
    $('html').data('size','big'); 
}); 

$(window).scroll(function(){ 
    if($(window).width() > 1000){ 
     if($('html').data('size') == 'big') { 
      $('html').data('size','small'); 
      $('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>'); 
     } 
    } else { 
     if($('html').data('size') == 'small'){ 
      $('html').data('size','big'); 
      $('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>'); 
    } 
});