javascript - IE8 .attachEvent() 错误

Question

我使用这段 jQuery 来启用我页面上的按钮来切换 div。

var SnapEnable = document.getElementById('open-right');
$(SnapEnable).addEventListener("click", function() {
    if (snapper.state().state == "right") {
        snapper.close();
    }
    else {
        snapper.open('right');
    }
});

我在 IE8 中收到一个错误代码“对象不支持此属性或方法”。所以我将代码更新为以下内容: var SnapEnable = document.getElementById('open-right');

if (!SnapEnable.addEventListener) {
    $(SnapEnable).attachEvent("onclick", function() {
    if (snapper.state().state == "right") {
        snapper.close();
    }
    else {
        snapper.open('right');
        }
    });
}
else {
    $(SnapEnable).addEventListener("click", function() {
    if (snapper.state().state == "right") {
        snapper.close();
    }
    else {
        snapper.open('right');
        }
});
};

我认为这可以解决问题，但我仍然收到错误。

Answer 1

您正在检查 HTMLElement.prototype.addEventListener 是否存在，然后使用 $ 将其转换为 jQuery 对象不支持该接口(interface)。

就是SnapEnable和$(SnapEnable)的区别。

如果您正在使用 jQuery，您可能需要 .on