javascript - JavaScript 在点击时添加类在 IE9 中有效，在 IE7-8 中无效

Question

我正在使用脚本来：

1. 切换我的复选框替换元素的类
2. 更改复选框本身的状态
3. 根据复选框本身的状态初始化复选框替换的状态

它在每个浏览器（包括 IE9）中都可以正常工作，但在 IE7 和 IE8 中失败。在 IE7 - 8 中单击元素无效。它既不添加类也不改变复选框状态。

/** BEGIN CheckBox **/
$.fn.xCheckBoxList = function () {
    this.Check = function (clientId, isSingleSelection) {
        $(document).ready(function () {
            var checkBox = $("#" + clientId + " .x_checkBox");
            $(checkBox).has("input:checked").addClass("x_checkBoxChecked");
            $(checkBox).click(function () {
                if (isSingleSelection) {
                    $(this).siblings().find("input").attr("checked", false);
                }
                $(checkBox).has("input:checked").addClass("x_checkBoxChecked");
                $(checkBox).has("input:not(:checked)").removeClass("x_checkBoxChecked");
            });
        });
    }

    return this;
}
/** END CheckBox **/

有任何想法吗？

Answer 1

我有同样的问题。似乎简单的 addClass 和其他 Mootools 1.2 方法在 IE8 中不起作用。应该提供一些替代实现来使这项工作在 IE8 中工作。如果您找到了更好的解决方案，请告诉我们