javascript - 为什么此页面上的 jQuery 适用于 Internet Explorer 8，但不适用于其他？

Question

我制作了一个使用 jQuery 的网页:http://benmccormack.com/demo/MichaelMassPsalm/Psalm16Mode5.html

当您将组合框中的选择从 Higher Key 更改为 Lower Key 时，所有音乐图像都应该将其源更改为代表较低的调号。这在 IE8 中运行良好，但在 Safari、Firefox 或 Chrome 中不起作用。

为什么不呢？

---

这是我正在使用的 jQuery 代码:

$(document).ready(function () {
    $("#musicKey").change(function (event) {
        if ($("#musicKey").val() * 1) {
            $("img[src*='Low'").each(function (index) {
                $(this).attr("src", $(this).attr("src").replace("Low", "High"));
            });
        }
        else {
            $("img[src*='High'").each(function (index) {
                $(this).attr("src", $(this).attr("src").replace("High", "Low"));
            });
        }
    });
});

Answer 1

您的 attribute-contains selectors 上缺少右括号:

$("img[src*='Low']")
//and...
$("img[src*='High']")

目前，那个无效的选择器没有找到任何东西，所以没有东西可以执行。