单击链接jquery时更改图像

Question

我想在用户点击链接时更改横幅（图片）

这些是链接：

<li><a href="#" id="button1">1</a></li>
<li><a href="#" id="button2">2</a></li>

图片：

<img src="banners/banner2.jpg" alt="" id="main_banner" />

代码：

$(document).ready(function(){
    $("#button1").click(function(){
        document.getElementById("main_banner").src == "banners/banner1.jpg");
    });
    $("#button2").click(function(){
        document.getElementById("main_banner").src == "banners/banner2.jpg");
    });                                 
});

当我点击它时，它根本不会改变它。有什么建议吗？

Answer 1

看起来你正在使用等价运算符==而不是赋值运算符=

请改为尝试：

$("#button1").click(function(){
    document.getElementById("main_banner").src = "banners/banner1.jpg";
});
$("#button2").click(function(){
    document.getElementById("main_banner").src = "banners/banner2.jpg";
});  

Answer 2

您正在尝试将src属性与文本（==）进行比较。尝试使用=。