JQuery يتلاشى مشكلة التعتيم

Question

بالنسبة للعميل، أحاول الحصول على هذا الموقع للعمل في IE وغيرها من متصفحات الويب (يعمل حاليا فقط في Safari و Firefox لنظام التشغيل Mac): http://www.randomescripts.net/think_company_world/main.php. أنا أستخدم وظائف jQuery's fadein و fadeout على الصور لتطويرها في الخلفية. لكل متصفح آخر بجانب تلك المذكورة أعلاه، يعرض ببساطة مربع أسود عبر المحتوى. أعتقد أنه قد يلزم القيام به مع العتامة: الممتلكات CSS ولكن لست متأكدا تماما.

إذا كان أي شخص يمكن أن نلقي نظرة، وأود أن أقدر ذلك حقا.

Answer 1

يبدو أنه يعمل بشكل جيد بالنسبة لي (كروم، IE8 و Firefox 3. تحت Vista).

هل أنت متأكد من أن الصور تواجه وقت التحميل؟ هل تحصل على نفس المشكلة إذا قمت بتغيير حجم الصور إلى 100x100 وإعادة تشغيل البرنامج النصي؟

أفكار أخرى

أحصل على خطأ في السطر 320 (خيارات فرعية للنقل 6) لأنك لا تملك أي عنصر على الصفحة مع معرف nav6_sub، بحيث قد يسبب ذلك مشاكل لك.

أنت تكرر الكثير من التعليمات البرمجية في تلك الصفحة (هل تقوم النسخ ولصقها أو جعلها تم إنشاؤها داخل حلقة؟)، ربما يجب عليك أن تنظر إلى إنشاء مسافة جائق أو شيء ما. لقد وجدت دائما هذه الصفحة مفيدة (بالإضافة إلى مستندات المسجات المسجلة): http://www.learningjquery.com/2007/10/a-plugin-devention-pattern.

أيضا، ربما لا ترتبط، ولكن HTML حول الملاحة الفرعية يمكن أن تستخدم بعض التنظيف. بدلا من

<ul>
    <li><a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a></li>
        <div class="sub" id="nav5_sub">
            <li>Private Client Log In</li>
            <li>Student Log In</li>
        </div>
    </li>
</ul>

يجب أن يكون لديك شيء مثل:

<ul>
    <li>
        <a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a>
        <ul class="sub" id="nav5_sub">
            <li>Private Client Log In</li>
            <li>Student Log In</li>
        </ul>
    </li>
</ul>