Zurb Foundation Konflikte mit jQuery UI autocomplete?

Kann ich nicht bekommen, jQuery-UI-Autocomplete arbeiten nach dem laden Zurb Foundation 3.1.

Jeder bekam Sie, zusammen zu arbeiten oder andere gefunden autocomplete-plugin, das funktioniert mit der Foundation??

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
ja bei mir genauso. Es scheint, dass die foundation setzen Sie alle tags einschließlich der Eingabe etc. thats , warum jetzt sein nicht erkennen es als seine Methode.
Manchmal Select2 ( ivaynberg.github.com/select2 ) könnte eine gute alternative zu jQuery UI Autocomplete.

InformationsquelleAutor dannepanne | 2012-09-30

  1. 9

    Es funktioniert Super in die Seite, aber wenn Sie mit anderen Komponenten wie der Bahn oder zu Offenbaren, und Sie haben eine Website gebaut, auf der Spitze Foundationn dann foundation.min.js notwendig ist.

    foundation.min.js enthält Modernizr, jQuery-Bibliothek, Bahn, zu offenbaren, tooltips. So können Sie die jQuery-Bibliothek enthalten, die in foundation.min.js (Stiftung 3.2 enthält jQuery 1.8.2). Ich verließ die Importe am Ende des Körpers, und dann Hinzugefügt, was ich brauchte (jQuery-ui-autocomplete and datepicker und dann das Skript), so dass es am Ende wie folgt:

    <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>

    Die scripts gehen bei der nächsten Bestellung

    1. foundation.min.js es enthält jquery 1.8
    2. foundation.min.js es muss die jquery-Bibliothek
    3. benutzerdefiniertes Skript es muss die jquery-Bibliothek und jquery ui

    InformationsquelleAutor snekkke

  2. 3

    Gibt es einen Konflikt mit den Bibliotheken des Foundation-framework, dass die Verwendung von jquery. Um die jQuery-UI mit Zurb Foundation Framework Sie müssen entfernen die zwei imports am Ende des Codes:

    foundation.min.js und
    javascripts/app.js

    Können Sie sehen, es funktioniert in meinem Beispiel-code (Sie müssen foundation-Ressourcen, um zu sehen, dass es funktioniert(Stiftung.min.css, app.css und modernizr.foundation.js)

     <!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/-->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />    
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />   
<title>jQuery UI Autocomplete - Default functionality</title>   
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />     
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="stylesheets/foundation.min.css">
<link rel="stylesheet" href="stylesheets/app.css">
<script src="javascripts/modernizr.foundation.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

    <script>
    $(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>
    </script>
</head>
<body>
    <br>
    <br>
    <div class="row">
        <div class="four columns">      
            <label for="tags">Programing Language: </label>
            <input type="text" id="tags" placeholder="Language"/>
        </div>
        <div class="four columns">
            <label for="city">Name: </label>
            <input type="text" id="city" placeholder="State" />
        </div>
        <div class="four columns">
            <label for="tags">Date: </label>
            <input type="text" id="datepicker" placeholder="dd/mm/yyyy"/>
        </div>
    </div>  


</body>
</html>

    InformationsquelleAutor Santiago Carrillo

  3. 2

    Ich Stand vor dem gleichen problem mit foundation.min.js und jQuery UI.

    dann lese ich die @snekkke Antwort und versuchte es..

    er arbeitete für einige UI-Funktion aber nicht bei allen( das ist möglicherweise wegen jQuery UI und jQuery(Gebündelt mit foundation.min.js) arbeiten nicht gut zusammen).

    So, ich habe entfernt die jQuery Code von foundation.min.js und Hinzugefügt Google CDN für jQuery..Um..

    1. jQuery
    2. foundation.min.js
    3. jQuery UI

    Jetzt seine arbeiten gut für mich...

    InformationsquelleAutor sanjay kushwah

Schreibe einen Kommentar