jQuery.hover ne fonctionne pas dans IE8

Ce javascript fonctionne très bien dans Chrome et Firefox, mais pas dans IE8:jQuery.hover ne fonctionne pas dans IE8

<script type="text/javascript"> 
    $(function(){ 
    $("#button").button(); 
    $("#radioset").buttonset(); 

    $('#ciao,#dialog_link, ul#icons li ').hover(
     function() { $(this).addClass('ui-state-hover ui-corner-left '); }, 
     function() { $(this).removeClass('ui-state-hover ');} 
    ); 
    }); 
</script>

Et ce html:

<a href="http://www.myhome"> 
    <label id="ciao" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-corner-right ui-state-active" > 
    <span id="ciao" class="ui-button-text ui-corner-left ui-corner-right">Home page</span></label></a> 
    </a> 

    <a href="register.php"> 
    <label id="ciao" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-corner-right ui-state-active" > 
    <span id="ciao" class="ui-button-text ui-corner-left ui-corner-right">Put your logo!</span></label></img> 
    </a> 

    <a href="faqs.html"> 
    <label id="ciao" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-corner-right ui-state-active" > 
    <span id="ciao" class="ui-button-text ui-corner-left ui-corner-right">FAQs</span></label></img> 
    </a> 

    <a href="logos.html"> 
    <label id="ciao" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-corner-right ui-state-active" > 
    <span id="ciao" class="ui-button-text ui-corner-left ui-corner-right">Logos</span></label></img> 
    </a> 

    <a href="contact.html"> 
    <label id="ciao" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-corner-right ui-state-active" > 
    <span id="ciao" class="ui-button-text ui-corner-left ui-corner-right">Contact us</span></label> 
    </a>

Pourquoi ne fonctionne pas dans IE8 ??

Merci beaucoup.

Source

2010-10-22 michele

C'est parce que vous réutilisant ID, et ils doivent être uniques, changer vos éléments à utiliser class="caio" à la place, et changer votre sélecteur #caio-.caio, comme ceci:

$(function(){ 
    $("#button").button(); 
    $("#radioset").buttonset(); 
    $('.ciao, #dialog_link, ul#icons li').hover(function() { 
    $(this).addClass('ui-state-hover ui-corner-left '); 
    }, function() { 
    $(this).removeClass('ui-state-hover '); 
    }); 
});

Source

2010-10-22 10:28:18

Ok maintenant la fonction hover fonctionne. mais si je clique sur un bouton ça ne marche pas .... le navigateur ne va pas à la page liée. Dans le travail de Firefox. – michele

@michele - avez-vous des erreurs de script dans IE? –

-2

<label onClick="document.location.href='http://en.theitalianbrand.com/contact.html';" class="ciao ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-corner-right ui-state-active" > 
<span class="ciao ui-button-text ui-corner-left ui-corner-right">Contact us</span></label>

Source

2010-10-22 12:39:22 michele

jQuery.hover ne fonctionne pas dans IE8

Répondre

Questions connexes