将 img 替换为 click link

Question

我有 3 张 img 图片和 3 张 link。每个 link 都有自己的照片。我想在单击 link 时替换图片。现在它替换但重新启动 window。我不想重启。

<div class="home-actions" >
    <img class="home-actions__img" src="{{asset('images/ohdaihiep/block3/bg3_1.jpg')}}" alt="" id="my_image" >
    <a href="#" id="my_a"  class="home-actions__bg3-1" ></a>
    <a href="#" id="my_a2" class="home-actions__bg3-2" ></a>
    <a href="#" id="my_a3" class="home-actions__bg3-3" ></a>
</div>

还有我的jQuery代码

$(function () {
    $("#my_a").bind("click", function () {
        $("#my_image").attr("src", "images/ohdaihiep/block3/bg3_1.jpg");
    });
    $("#my_a2").bind("click", function () {
        $("#my_image").attr("src", "images/ohdaihiep/block3/bg3_2.png");
    });
    $("#my_a3").bind("click", function () {
        $("#my_image").attr("src", "images/ohdaihiep/block3/bg3_3.jpg");
    });

Answer 1

这就是它不会重启的原因

$("#my_a").bind("click", function(event) {
    event.preventDefault();
    $("#my_image").attr("src","images/ohdaihiep/block3/bg3_1.jpg");
});
$("#my_a2").bind("click", function(event) {
    event.preventDefault();
    $("#my_image").attr("src","images/ohdaihiep/block3/bg3_2.png");
});
$("#my_a3").bind("click", function(event) {
    event.preventDefault();
    $("#my_image").attr("src","images/ohdaihiep/block3/bg3_3.jpg");
});

Answer 2

Use this code I hope helpful

$("#my_a").bind("click", function(e) {
    e.stopPropagation();
    $("#my_image").attr("src","images/ohdaihiep/block3/bg3_1.jpg");
});
$("#my_a2").bind("click", function(e) {
    e.stopPropagation();
    $("#my_image").attr("src","images/ohdaihiep/block3/bg3_2.png");
});
$("#my_a3").bind("click", function(e) {
    e.stopPropagation();
    $("#my_image").attr("src","images/ohdaihiep/block3/bg3_3.jpg");
});

将 img 替换为 click link

Replace img with click link

javascript

jquery

replace

href