Почему 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

Вам не хватает закрывающих скобок на ваших атрибут-содержащих селекторах :

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

В данный момент этот недействительный селектор просто ничего не находит, поэтому выполнять нечего на.