我创建了一个使用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"));
});
}
});
});
答案 0 :(得分:4)
您错过了attribute-contains selectors上的右括号:
$("img[src*='Low']")
//and...
$("img[src*='High']")
目前,该无效选择器没有找到任何内容,因此无需执行任何操作。