如何輸入功能變化？

如何將var放入圖片中的attr？
因爲被替換爲innerHTML的如何輸入功能變化？

<!DOCTYPE html> 
<html> 
<head><script type="text/javascript" src="http://line25.com/wp-content/uploads/2010/jquery-lightbox/demo/js/jquery.js"></script> 
</head> 
<body> 
<button href="http://allcartooncharacters.com/wp-content/uploads/2014/05/Tweety-310x310.png">Try it</button> 

<p id="demo"> 
<img src="http://www.w3schools.com/jquery/img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213"> 
</p> 

<script> 
$(document).ready(function() { 
    $('button').click(function() { 
     var this = $("button")[0].getAttribute("href"); 
     $("#demo img").attr("src", '+ var this +'); 
    }); 
}); 
</script> 
</body> 
</html>

如果我想添加加載的功能是什麼？也許，如果圖像被成功打開，裝載會消失這樣

if (loading) { 
    $(".loading-picture-gif").show(); 
} 
else { 
    $(".loading-picture-gif").hide(); 
}

來源

2015-12-21 Rahayu

難道只是我還是很難看出OP真的想要什麼？ –

不能使用this作爲變量名，即使你能，這可能不是一個好主意。我會想辦法讓你的代碼如下所示

$("button").click(function() { 
    var newSrc = $("button")[0].getAttribute("href"); 
    $("#demo img").attr("src", newSrc); 
});

對於隱藏/顯示加載圖像，你可以使用.on("load"...當你改變圖像的src屬性作爲回調。最終代碼看起來像這樣

$('button').click(function() { 
    var newSrc = $("button")[0].getAttribute("href"); 
    $(".loading-picture-gif").show(); 
    $("#demo img").on("load", function() { 
     $(".loading-picture-gif").hide(); 
    }).attr("src", newSrc); 
});

Working Fiddle

來源

2015-12-21 23:44:02

如果我有3個按鈕，該怎麼辦？並點擊時，它會出現按鈕的圖像？檢查請求：D https://jsfiddle.net/aritabacan/0ufao000/ – Rahayu

您應該能夠修改代碼以遵循我的示例。像這樣https://jsfiddle.net/a42mxghx/2/ –

你是一個大師！謝謝！！！ – Rahayu

this是保留關鍵字，你不應該把它作爲一個變量名，而不是你可以做的是

$(document).ready(function() { 
 
    $('button').click(function() { 
 
     var href = $(this).attr("href"); 
 
     $("#demo img").attr("src", href); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button href="http://allcartooncharacters.com/wp-content/uploads/2014/05/Tweety-310x310.png">Try it</button> 
 

 
<p id="demo"> 
 
<img src="http://www.w3schools.com/jquery/img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213"> 
 
</p>

來源

2015-12-21 23:45:17 void

如果我有3個按鈕，該怎麼辦？並點擊時，它會出現按鈕的圖像？檢查請求：D https://jsfiddle.net/aritabacan/0ufao000/ – Rahayu

如何輸入功能變化？

回答

相關問題