2013-04-23 97 views
1

在HTML用玉使用Modernizr的如果IE是瀏覽器使用自舉用的Zepto未定義不是函數

Modernizr.load(
{ 
    test: /(msie) ([\w.]+)/.test(navigator.userAgent), 
    yep: '/javascripts/assets/jquery/jquery-1.9.1.min.js', 
    nope: '/javascripts/assets/zepto/zepto.min.js', 
    complete:function() 
    { 
     if(!window.jQuery) 
     { 
      Zepto.browser = {webkit: true} 
      window.jQuery = Zepto 
     } 
    } 
}); 

我收到此錯誤

加載仄或jquery的

link(rel="stylesheet",href="/stylesheets/index/index.css") 
script(src="/javascripts/assets/jquery_loader.js") 
script(src="/javascripts/assets/bootstrap/bootstrap.js") 

IM

Uncaught TypeError: undefined is not a function 
(anonymous function) bootstrap.js:60 

on線:60

}(window.jQuery); 

我嘗試加載引導與Modernizr的

Modernizr.load(
{ 
    test: /(msie) ([\w.]+)/.test(navigator.userAgent), 
    yep: ['/javascripts/assets/jquery/jquery-1.9.1.min.js','/javascripts/assets/bootstrap/bootstrap.js'], 
    nope: ['/javascripts/assets/zepto/zepto.min.js','/javascripts/assets/bootstrap/bootstrap.js'], 
    complete:function() 
    { 
     if(!window.jQuery) 
     { 
      Zepto.browser = {webkit: true} 
      window.jQuery = Zepto 
     } 
    } 
}); 

和錯誤disapear但自舉不工作 所以我測試在控制檯

typeof $().modal == 'function' 

,其結果是「假」,這意味着, bootstrap不從服務器下載

我該如何解決這個問題? tnx

+1

我沒有看到你加載引導** **的任何地方SRY – Ian 2013-04-23 04:26:10

+0

我不好,我糾正錯誤 – andrescabana86 2013-04-23 04:27:04

+0

確實包括了模態功能所使用的引導庫?另外,作爲一個建議,如果你想爲'yep' **和**'nope'包含一個庫,你可以使用'both'。 – Ian 2013-04-23 04:40:26

回答

4

我用這個腳本解決了這個問題,全部都是tnx!

Modernizr.load(
{ 
    test: /MSIE ([0-9]{1,}[\.0-9]{0,})/.test(navigator.userAgent), 
    yep: '/javascripts/assets/jquery/jquery-1.9.1.min.js', 
    nope: '/javascripts/assets/zepto/zepto.min.js', 
    complete:function() 
    { 
     if(!window.jQuery) 
     { 
      Zepto.browser = {webkit: true} 
      window.jQuery = Zepto 
      console.log('Zepto') 
     } 
     Modernizr.load(
     { 
      load:'/javascripts/assets/bootstrap/bootstrap.js', 
      complete:function() 
      { 
       console.log('Loaded!') 
      }, 
     }) 
    }, 
}); 
相關問題