jQuery verblassende Opazität Problem

Question

Für einen Kunden, ich bin versucht, diese Seite zu bekommen in IE und anderen Web-Browsern funktionieren (derzeit funktioniert nur in Safari und Firefox für Mac):

War es hilfreich?

einreichen

Lösung

Es scheint für mich (Chrome, IE8 und Firefox 3 unter Vista), adaequat zu sein.

Sind Sie sicher, dass die Bilder Zeit haben zu laden? Haben Sie das gleiche Problem, wenn man die Bilder auf 100x100 und starten Sie das Skript?

Ändern der Größe

Andere Gedanken

Ich erhalte eine Fehlermeldung auf der Linie 320 (Unteroptionen für nav 6), weil Sie auf der Seite jedes Element haben nicht mit der ID nav6_sub so dass Probleme verursacht sein kann für Sie.

Sie sind auf dieser Seite eine Menge Code zu duplizieren (werden Sie das Kopieren und Einfügen oder mit ihm in einer Schleife erstellt?), Sollten Sie sehen wahrscheinlich eine jQuery-Plugin oder etwas zu schaffen. Ich habe immer gefunden, diese Seite nützlich zu sein (wie auch die jQuery docs natürlich): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Außerdem ist es wahrscheinlich nicht verwandt, aber Ihre HTML um die Unternavigation nutzen könnten einige aufzuräumen. Statt

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

Sie sollten so etwas wie haben:

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

Answer 1

Es scheint für mich (Chrome, IE8 und Firefox 3 unter Vista), adaequat zu sein.

Sind Sie sicher, dass die Bilder Zeit haben zu laden? Haben Sie das gleiche Problem, wenn man die Bilder auf 100x100 und starten Sie das Skript?

Ändern der Größe

Andere Gedanken

Ich erhalte eine Fehlermeldung auf der Linie 320 (Unteroptionen für nav 6), weil Sie auf der Seite jedes Element haben nicht mit der ID nav6_sub so dass Probleme verursacht sein kann für Sie.

Sie sind auf dieser Seite eine Menge Code zu duplizieren (werden Sie das Kopieren und Einfügen oder mit ihm in einer Schleife erstellt?), Sollten Sie sehen wahrscheinlich eine jQuery-Plugin oder etwas zu schaffen. Ich habe immer gefunden, diese Seite nützlich zu sein (wie auch die jQuery docs natürlich): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Außerdem ist es wahrscheinlich nicht verwandt, aber Ihre HTML um die Unternavigation nutzen könnten einige aufzuräumen. Statt

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

Sie sollten so etwas wie haben:

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