为什么此页面上的jQuery适用于Internet Explorer 8,但没有其他内容?

时间:2010-06-18 02:37:56

标签: javascript jquery html cross-browser

我创建了一个使用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"));
            });
        }
    });
});

1 个答案:

答案 0 :(得分:4)

您错过了attribute-contains selectors上的右括号:

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

目前,该无效选择器没有找到任何内容,因此无需执行任何操作。