gpt4 book ai didi

jquery - Internet Explorer(和 jquery)中的标签和隐藏字段

转载 作者:行者123 更新时间:2023-12-03 22:00:34 25 4
gpt4 key购买 nike

我在检查 IE 中的隐藏复选框时遇到问题。这是基本的 html:

<input id="groups_ids_1" name="group_ids[]" type="checkbox" value="1" />
<label for="groups_ids_1">Display</label>

这工作正常,但如果我使用其中之一隐藏复选框

$('input[type=checkbox]').hide();

$('input[type=checkbox]').css('visibility', 'hidden');

单击标签不再选中 IE 中的复选框。当然,它在 Firefox、Chrome 和 Safari 中运行良好。

最佳答案

隐藏复选框在 IE 9 以下版本中不会接收事件。我的通用解决方案如下:

/* hide checkboxes */
input[type=checkbox] {
visibility: hidden;
position: absolute; /* move out of document flow */
}
/* ie8-: hidden inputs don't receive events, move out of viewport */
.lt-ie9 input[type=checkbox] {
visibility: visible;
top: -50px;
}

不要将输入框向左移动,否则当输入框获得焦点时,IE 中页面会跳转! .lt-ie8 是一个在旧 IE 版本的 HTML 标记上设置的类,如下所示:(参见例如: https://github.com/h5bp/html5-boilerplate/blob/master/index.html )

<!--[if IE 8]>  <html class="no-js lt-ie9" lang="en"> <![endif]-->

但是您可以使用您喜欢的方法将第二条规则中的属性仅应用于旧版 IE。通过 JS 应用规则也应该有效,正如您似乎正在做的那样。

关于jquery - Internet Explorer(和 jquery)中的标签和隐藏字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3072522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com