2017-09-24 38 views
-1

我在這裏遇到的問題非常煩人。我想要的是有一個空框,我按下一個按鈕,它會在該框中放置一個圖像,那就是: HTML我無法用jquery上的圖像觸發警報

<button id="rockb">choose rock!</button> 
<div id="main"> 
<img id='pr' style="width: 500px;height: 600px;" src=""> 
</div> 

正如你所看到的圖像的來源是什麼,因爲我必須選擇它

Jquery的用於選擇源並將其放置在框中:

<script type="text/javascript"> 
$('#rockb').click(function() 
{ 
$('#mty').attr("src", "https://i.redd.it/2u0y0z5i12py.png"); 
}); </script> 

只是讓你知道有多個按鈕,所以你可以選擇多個圖像basiccaly相同,因爲我只顯示其他名稱和圖像鏈接。

我想一個腳本,說如果我按rockb它會提醒「紙」如果我選擇paperb它說,「紙」 ,但我不能似乎使它work.here是我的代碼:

<script type="text/javascript"> 
if (getElementById('#pr').attr('src') === 'https://i.redd.it/2u0y0z5i12py.png') 
{ 
alert('euirhzeurhzu') 
} 
</script> 

謝謝你幫助我,希望我解釋得很好!

+0

無法您在click事件警報? – H77

+0

不,它需要像一個if語句。我的主要目標不是要讓警報真的很難解釋,但我需要它在另一個if語句 –

回答

0

$(document).ready(function(){ 
 
$('button').click(function(){ 
 
$('#pr').attr("src", "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZtjprGwxPE5FVcY72h1MWxvVVSiW7RFHmJ6DZ9G1lf0YOr-vV"); 
 
if(true){ 
 
alert('euirhzeurhzu') 
 
} 
 
}) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="rockb">choose rock!</button> 
 
<div id="main"> 
 
<img id='pr' style="width: 500px;height: 600px;" src=""> 
 
</div>