已解決430363個問題，去搜搜看，總會有你想問的

將 img 替換為點擊鏈接

首頁猿問將 img 替換為點擊鏈接

將 img 替換為點擊鏈接

JavaScript

拉風的咖菲貓 2022-12-09 15:18:51

我有 3 個 img 圖片和 3 個鏈接。每個鏈接都有自己的圖片。單擊鏈接時我想替換圖片?，F在它替換但它重新啟動窗口。我不想重啟。<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"); });

查看完整描述

2 回答

ITMISS

TA貢獻1871條經驗獲得超8個贊

這是它不會重新啟動的方式

$("#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");

});

反對回復 2022-12-09

心有法竹

TA貢獻1866條經驗獲得超5個贊

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

});

反對回復 2022-12-09

2 回答
0 關注
129 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將 img 替換為點擊鏈接

將 img 替換為點擊鏈接

2 回答

添加回答