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";
}

基本上，上述脚本应该更改 ID 为 #coff #topright 和 # 的图像的 src登录取决于所选的主题。

但是，当正在设置所选主题的警报被执行时，实际图像保持不变并且 src 没有改变。

Answer 1

使用.attr()

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

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