تتعارض مؤسسة Zurb مع الإكمال التلقائي لـ jQuery UI؟

Question

لا يمكنني تشغيل الإكمال التلقائي لـ jQuery-UI بعد تحميل Zurb Foundation 3.1.

هل جعلهم أي شخص يعملون معًا أو وجد مكونًا إضافيًا للإكمال التلقائي يعمل مع 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

Answer 1

إنه يعمل بشكل رائع في تلك الصفحة، ولكن إذا كنت تستخدم مكونات أخرى مثل Orbit أو Reveal، وكان لديك موقع مبني على Foundationn، Foundation.min.js مهم.

Foundation.min.js يتضمن Modernizr ومكتبة jQuery والمدار والكشف وتلميحات الأدوات.حتى تتمكن من استخدام مكتبة jQuery المضمنة في Foundation.min.js (الأساس 3.2 يتضمن jQuery 1.8.2).تركت تلك الواردات في نهاية النص ثم أضفت ما أحتاجه (واجهة مستخدم jQuery للإكمال التلقائي ومنتقي البيانات ثم البرنامج النصي)، لذلك انتهى الأمر على النحو التالي:

<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 أنه يحتوي على مسج 1.8
2. Foundation.min.js فهو يحتاج إلى مكتبة مسج
3. البرنامج النصي المخصص فهو يحتاج إلى مكتبة jquery وواجهة مستخدم jquery

Answer 2

هناك تعارض مع مكتبات إطار المؤسسة التي تستخدم jQuery.من أجل استخدام JQuery UI مع Foundation Zurb Framework، ستحتاج إلى إزالة الواردتين في نهاية الرمز:

foundation.min.js و javascripts / app.js

يمكنك أن ترى أنها تعمل في نموذج التعليمة البرمجية (يجب أن تشمل موارد الأساس من أجل معرفة ذلك يعمل (مؤسسة.min.css، app.css and modernizr.foundation.js) giveacodicetagpre.

Answer 3

كنت أواجه نفس المشكلة مع Foundation.min.js و واجهة مستخدم مسج.

ثم قرأت إجابة @ snekkke وجربتها ..
لقد نجح مع بعض وظائف واجهة المستخدم ولكن ليس مع الكل (قد يكون ذلك بسبب واجهة مستخدم مسج و مسج(المجمعة مع Foundation.min.js) لا يعملان معًا بشكل جيد).

لذلك قمت بإزالة مسج الكود من Foundation.min.js وأضفت Google CDN لـ jQuery..كان الطلب..

1. مسج
2. Foundation.min.js
3. واجهة مستخدم مسج

الآن يعمل بشكل جيد بالنسبة لي ...