Zurb Foundation与jQuery UI自动完成冲突？

Question

加载Zurb Foundation 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

Answer 1

它在该页面的伟大工程,但如果你使用其他组件,如轨道,或将显示,你必须建立在Foundationn之上的网站,然后foundation.min.js是必要的.

foundation.min.js包括Modernizr,jQuery库,轨道,显示,工具提示.所以你可以使用foundation.min.js中包含的jQuery库(基础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>

脚本按下一个顺序排列

1. foundation.min.js 它包含jquery 1.8
2. foundation.min.js 它需要jquery库
3. 自定义脚本需要jquery库和jquery ui