Question

任何人都可以在IE8上为我解决这个问题。我有这个： HTML：

 <label>
        <input type="checkbox" checked /><i class="icon-fixed-width icon-check"></i> Three
    </label>

CSS：

[type=checkbox] { display: none; }
label { cursor: pointer; }
[class*=icon-].icon-fixed-width { text-align: left; }

jQuery的：

$("[type=checkbox]").change(function () {
    $checkbox = $(this)
    $icon = $checkbox.siblings("[class*=icon-]")

    checked = $checkbox.is(":checked")

    $icon.toggleClass('icon-check', checked)
        .toggleClass('icon-check-empty', !checked)
});

所有在现代浏览器上工作正常，但在IE8上无法正常工作。这有什么不对？的 Fiddle:

TY。

Answer 1

只需在每个Javascript行后添加分号即可。我认为当您不使用;

结束Javascript语句时，IE8 Javascript引擎会“崩溃”

$("[type=checkbox]").change(function () {
    $checkbox = $(this);
    $icon = $checkbox.siblings("[class*=icon-]");
    checked = $checkbox.is(":checked");
    $icon.toggleClass('icon-check', checked).toggleClass('icon-check-empty', !checked);
});

Fiddle

Bootstrap复选框和带有font-awesome的无线电输入

1 个答案: