对象不支持属性或方法“选择框”(Object doesn't support propert

2019-08-20 04:36发布

我使用的是从选择框的jQuery插件http://www.bulgaria-web-developers.com/projects/javascript/selectbox/ 。

我也有一个在js文件,其中包含下面的代码链接:

function loadTeams() {
var responseArray, optionsOutput = '';

$.ajax({
    type: "GET",
    url: "/ajax/team",
    dataType: "json",
    success: function (response) {
        responseArray = response.array;

        for (var i = 0; i < responseArray.length; i++) {
            optionsOutput += '<option value="' + responseArray[i] + '">' + responseArray[i] + '</option>';
        }

        $("#teamSelect").find('option')
                        .remove()
                        .end()
                        .append(optionsOutput);
        $("#teamSelect").selectbox({ speed: 100 });  
    },
    error: function (xhr, ajaxOptions, thrownError) {
        $("#teamSelect").find('option')
        .remove()
        .end()
        .append('<option value=""></option>');
    }
});

}

这除了IE以外所有浏览器中正常工作。 在那里,我得到:

SCRIPT438:对象不支持属性或方法“选择框” globals.js 38行字符4

这相当于下面一行:

$("#teamSelect").selectbox({ speed: 100 });  

我试过连这种戏剧性的和丑陋的方式为复制整个jQuery插件js文件到globals.js ,我仍然得到错误。

是什么赋予了?

编辑-更新:我已经试过分配#teamSelectvar并调用var.selectbox ,但我得到了同样的错误。

Answer 1:

啊哈,这个问题是jQuery的选择框插件(可能jQuery的本身)和基金会4.当我综合基金会4,我跟着他们的网站上其中有我复制并粘贴在这个神秘的位的例子之间的冲突:

<script>
    document.write('<script src=' +
    ('__proto__' in {} ? '/js/vendor/zepto' : '/js/vendor/jquery') +
    '.js><\/script>');
</script>

这是加载仄或jQuery的,后来才知道是加载从谷歌CDN的jQuery。 删除这条线和放置的jQuery我的谷歌CDN先解决冲突。



文章来源: Object doesn't support property or method 'selectbox'