javascript - 在 Zepto Undefined 中使用 bootstrap 不是一个函数

标签 javascript jquery twitter-bootstrap zepto

用 jade 在 html 中

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

如果 IE 是浏览器,我将使用 modernizr 加载 zepto 或 jquery

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
        }
    }
});

我收到这个错误

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

在线:60

}(window.jQuery);

我尝试用 modernizr 加载 bootstrap

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
        }
    }
});

错误消失但 Bootstrap 不工作 所以我在控制台测试

typeof $().modal == 'function'

结果为'false',这意味着 Bootstrap 不从服务器下载

我该如何解决这个问题??发送

最佳答案

我用这个脚本解决了这个问题,谢谢大家!

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!')
            },
        })
    },
});

关于javascript - 在 Zepto Undefined 中使用 bootstrap 不是一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16160755/

相关文章:

javascript - 使整个页面可拖动

jquery - 为什么不同的浏览器以不同的方式呈现相同的 HTML?

jquery - 如何限制 Bootstrap 时间选择器的最短时间和最长时间?

html - 几个基本的 Bootstrap 问题

javascript - 页面加载后如何注册事件处理程序?

javascript - 选择后保持焦点

javascript - typeahead.js 远程发送后数据问题

javascript - 生产环境中的 Rails 和 Javascript

javascript - JQuery UI 自动完成选择元素速度缓慢

html - Bootstrap : Make columns stack horizontally in row