jQuery.hover 在 IE8 中不起作用
这个 javascript 在 Chrome 和 Firefox 中工作正常,但在 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>
这个 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>
为什么它在 IE8 中不起作用?
多谢。
This javascript works fine in Chrome and Firefox but not in 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>
And this 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>
Why it is not working in IE8??
Thanks a lot.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这是因为您正在重复使用 ID,并且它们应该是唯一的,请将您的元素更改为使用
class="caio"
,并将选择器从#caio
更改为.caio
,如下所示:It's because you're re-using IDs, and they should be unique, change your elements to use
class="caio"
instead, and change your selector from#caio
to.caio
, like this: