jQuery.hover不是在IE8

工作這個JavaScript在Chrome和Firefox瀏覽器工作正常，但不是在IE8：jQuery.hover不是在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>

而且這個網站：

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

爲什麼它不是在IE8的工作？

非常感謝。

來源

2010-10-22 michele

這是因爲你重複使用的ID，他們應該是唯一的，改變你的元素以使用class="caio"，而是和你的選擇改變從#caio到.caio，像這樣：

$(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 '); 
    }); 
});

來源

2010-10-22 10:28:18

好現在懸停功能起作用。但如果我點擊一個按鈕它不起作用....瀏覽器不會去鏈接的頁面。在Firefox中工作。 – michele 2010-10-22 10:36:28

@michele - 你在IE中遇到任何腳本錯誤嗎？ – 2010-10-22 11:45:42

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

來源

2010-10-22 12:39:22 michele

jQuery.hover不是在IE8

回答

相關問題