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

发布于 2022-09-05 04:37:47 字数 634 浏览 19 评论 0

<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存在问题,
请问下有什么比较好的处理方式?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

唱一曲作罢 2022-09-12 04:37:47

目测两种可能

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文