لماذا يحدث فرقًا حيث أقوم بتضمين ملف Script JQuery؟

Question

على صفحتي الرئيسية (لجميع الصفحات في موقعي) لدي مجموعة أدوات.

على صفحة المحتوى الخاصة بي ، هناك سلسلة من الارتباطات التشعبية و divs للوظائف القابلة للطي.

الكود لإظهار/إخفاء اللوحات تعمل مثل ما يلي:

$(document).ready(function() {
// Hookup event handlers and execute HTML DOM-related code
$('#nameHyperLink').click(function() {

        var div = $('#nameDiv');
        var link = $('#nameHyperLink');
        if (div.css('display') == 'none') {
            link.text('Hide Data');
            div.show('100');
        }
        else {
            link.text('Show Data');
            div.hide('100');
        }

    });
});

إذا قمت بتضمين ScripTreference على ملف jQuery 1.4.2 في toolkitscriptManager ، يتم تنفيذ رمز JavaScript بشكل غير صحيح على الصفحة (فقط يتم تغيير النص للربط التشعبي ، لا يتم عرض DIV بالفعل.) ومع ذلك ، إذا لم أفعل قم بتضمين ملف jQuery في toolkitscriptManager وبدلاً من ذلك ، قم بتضمينه في صفحة المحتوى ، وهو يعمل بشكل صحيح.

أنا مبتدئ JavaScript/JQuery ، وهذا لا معنى له على الإطلاق. ماذا يحدث هنا؟

Answer 1

من المهم تحديد موقع البرنامج النصي للمرجع jQuery. إذا نظرت إلى مصدرك الذي تم إنشاؤه ، فسأراهن أن العلامة أسفل وظيفة البرنامج النصي (). يجب عليك التأكد من أن مرجع jQuery يأتي في وقت مبكر قدر يمكنك الحصول عليه في مصدر الصفحة.

حاول نقل مرجع مكتبة jQuery إلى رأس الصفحة الرئيسية ، التي يجب أن تعمل. خلاف ذلك نشر بعض المصدر!

Answer 2

كما يقول TJ ... من المحتمل أن يكون في قسم الرأس في صفحة الرئيسية الخاصة بك. أيضًا ، من الجيد الارتباط بإصدار Google من هذه المكتبة ، لأن فرص المستخدمين سوف يتم تخزينها مؤقتًا بالفعل. على سبيل المثال ، انظر إلى المصدر لهذه الصفحة بالذات.

لا يتم تعريف الأسباب الأكثر احتمالًا هنا حتى الآن (انظر إجابة TJ) و $ التي يتم تحديدها بواسطة مكتبة أخرى ، مثل النموذج الأولي.

أقترح بشدة أن تبحث في استخدام مصحح JavaScript من Firebug ، أو على الأقل ألق نظرة على وحدة التحكم في خطأ Firefox (أدوات -> وحدة تحكم الخطأ). سيعطيك ذلك فكرة أفضل بكثير مما يجري بخلاف "إنه لا يعمل".