icon图标在IE8下addClass后,样式不生效

<style>
.red {
    color: red;
}
</style>
<link href='css/bootstrap.css'>
<body>
<i id="icon" class="glyphicon glyphicon-plus"></i>
<input id="txt" />
</body>
<script src="js/jquery.js"></script>
<script>
$('#txt').on('keyup', function() {
    if ($(this).val() != '') {
        $('#icon').addClass('red');
    } else {
        $('#icon').removeClass('red');
})
</script>

一个icon图标,一个输入框,当输入框中有值时,icon要红色显示,没有值时,去掉红色,在其他浏览器下测试有用,在ie8下测试不生效,jq是1.11版本的,原声的也试过了,没效果。
同是在ie8下,addClass其他元素(比如div)就可以生效,就icon存在问题,
请问下有什么比较好的处理方式?

阅读 4.6k
1 个回答

目测两种可能

  1. jquery版本不对。我使用1.7.2版本测试成功

  2. ie8阻止了脚本和activeX控件。请允许脚本运行

另外你的if最下面漏了个'}'

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题