Jquery ui ZURB基金会与jQuery UI自动完成冲突？ 加载ZURB基金会3.1后无法获得jQuery UI自动完成工作。 有人让他们一起工作，或者找到另一个与基金会？ Uncaught TypeError: Object [object Object] has no method 'autocomplete' (anonymous function) order.js:7 l foundation.min.js:18 c.fireWith foundation.min.js:18 v.extend.ready foundation.min.js:18 A foundation.min.js:18 与使用jQuery的基础框架库存在冲突。为了使用jQuery UI与基础ZURB框架，您需要在代码结尾删除两个导入：

foundation.min.js和 javascripts/app.js

您可以看到它在我的示例代码中工作（您必须包含基础资源以查看它的工作）（基础，CSS，App.CSS和Maxixr.Frase.js）

jQuery UI自动完成-默认功能
$（函数（）{
var availableTags=[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”，
“Clojure”，
“COBOL”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});




编程语言：
姓名：
日期：

在该页面中效果很好，但是如果您使用其他组件，如Orbit或Reveal，并且您在Foundationn上构建了一个站点，那么foundation.min.js是必需的

foundation.min.js包括Modernizer、jQuery库、动态观察、显示、工具提示。因此，您可以使用foundation.min.js中包含的jQuery库（foundation 3.2包括jQuery 1.8.2）。我将这些导入内容放在正文末尾，然后添加了我需要的内容（用于自动完成和日期选择器的jQuery ui，然后是脚本），因此它的结果如下：

<script src="javascripts/foundation.min.js"></script>
<script src="javascripts/app.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

<script type="text/javascript">
    $(function () {
        var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
        $("#tags").autocomplete({
            source: availableTags
        });
    });
    $(function () {
        $("#datepicker").datepicker();
    });
</script>

$（函数（）{
var availableTags=[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”，
“Clojure”，
“COBOL”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});

脚本按下一个顺序进行

foundation.min.js它包含jquery 1.8

foundation.min.js它需要jquery库

自定义脚本需要jquery库和jquery ui

---

我在foundation.min.js和jqueryui中遇到了同样的问题

然后我读了@snekke的答案并尝试了一下。
它适用于某些UI功能，但不适用于所有UI功能（这可能是因为jQuery UI和jQuery（与foundation.min.js捆绑在一起）不能很好地协同工作）

因此，我从foundation.min.js中删除了jQuery代码，并为jQuery添加了Google CDN..订单是

jQuery

foundation.min.js

jQuery用户界面

---

现在它对我来说很好……/P>是的，和我一样。似乎基金会已经重新设置了所有的标签，包括输入等，这就是为什么现在它没有认识到它作为它的方法。有时Stult2（）可能是jQuery UI自动完成的一个很好的选择。

<script src="javascripts/foundation.min.js"></script>
<script src="javascripts/app.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

<script type="text/javascript">
    $(function () {
        var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
        $("#tags").autocomplete({
            source: availableTags
        });
    });
    $(function () {
        $("#datepicker").datepicker();
    });
</script>