javascript - jQuery 更新图像 srcs 不起作用

Question

我可以选择在 iOS 网络应用程序中选择主题。

<select onchange="if(this.value)window[this.value]();">
<option value="classic">Classic</option>
<option value="gradient">Gradient</option>
</select>

（onchange选项一选择就执行value中指定的js函数，无需提交表单。）

javascript/jQuery...

    function gradient() {
        alert('Applying theme gradient...');
        $('#coff').src="/Users/William/Desktop/sasapp/icons/gradient/profile.png";
            $('#topright').src="/Users/William/Desktop/sasapp/icons/gradient/settings.png";
        $('#login').src="/Users/William/Desktop/sasapp/icons/gradient/key.png";
    }

function classic() {
    alert('Applying theme classic...');
    $('#coff').src="/Users/William/Desktop/sasapp/icons/classic/profile.png";
    $('#topright').src="/Users/William/Desktop/sasapp/icons/classic/settings.png";
    $('#login').src="/Users/William/Desktop/sasapp/icons/classic/key.png";
}

基本上，上面的脚本应该根据所选主题更改src带有 ID 的图像的 s #coff #topright。#login

但是，在执行选择主题的警报时，实际图像保持不变并且srcs 不会改变。

Answer 1

采用.attr()

$('#coff').attr('src',"/Users/William/Desktop/sasapp/icons/gradient/profile.png");

• http://api.jquery.com/attr/