2

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

我在 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.

是什么赋予了？

编辑-更新：我尝试将 a 分配#teamSelect给 avar和调用var.selectbox，但我遇到了同样的错误。

4

1 回答 1

1

啊哈，问题是 jQuery 的选择框插件（可能是 jQuery 本身）和 Foundation 4 之间的冲突。当我集成 Foundation 4 时，我按照他们网站上的示例进行操作，该示例让我复制并粘贴到这个神秘的位：

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

这是加载 zepto 或 jquery，然后我从 Google CDN 加载 jquery。删除此行并首先放置我的 jQuery 的 Google CDN 解决了​​冲突。

于 2013-04-11T01:01:52.453 回答