jQuery fading Opacité problème

Question

Pour un client, je tente d'obtenir que ce site fonctionne dans IE et d'autres navigateurs web (ne fonctionne actuellement que dans Safari et Firefox pour Mac):

Était-ce utile?

Nous faire parvenir

La solution

Il semble fonctionner très bien pour moi (Chrome, IE8 et Firefox 3. sous Vista).

Êtes-vous sûr que les images ont de temps à charger? Est-ce que vous obtenez le même problème si vous redimensionnez les images à 100x100 et re-exécuter le script?

Autres pensées

Je reçois une erreur sur la ligne 320 (sous options pour nav 6) parce que vous n'avez pas un article sur la page avec un identifiant de nav6_sub de sorte que peut causer des problèmes pour vous.

Vous dupliquer beaucoup de code sur cette page (vous copiez et collez ou de l'avoir créé dans une boucle?), Vous devriez probablement à créer un plugin jQuery ou quelque chose. Je l'ai toujours trouvé cette page utile (ainsi que les documents de cours jQuery): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Aussi, il est probablement pas lié, mais votre code HTML autour de la navigation sous pourrait utiliser un peu de nettoyage. Au lieu de

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

Vous devriez avoir quelque chose comme avoir:

<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

Il semble fonctionner très bien pour moi (Chrome, IE8 et Firefox 3. sous Vista).

Êtes-vous sûr que les images ont de temps à charger? Est-ce que vous obtenez le même problème si vous redimensionnez les images à 100x100 et re-exécuter le script?

Autres pensées

Je reçois une erreur sur la ligne 320 (sous options pour nav 6) parce que vous n'avez pas un article sur la page avec un identifiant de nav6_sub de sorte que peut causer des problèmes pour vous.

Vous dupliquer beaucoup de code sur cette page (vous copiez et collez ou de l'avoir créé dans une boucle?), Vous devriez probablement à créer un plugin jQuery ou quelque chose. Je l'ai toujours trouvé cette page utile (ainsi que les documents de cours jQuery): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Aussi, il est probablement pas lié, mais votre code HTML autour de la navigation sous pourrait utiliser un peu de nettoyage. Au lieu de

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

Vous devriez avoir quelque chose comme avoir:

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