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

回答

相关问题