我不能用jquery上的图像触发警报

时间:2017-09-24 10:39:49

标签: javascript jquery html

我在这里遇到的问题非常烦人。我想要的是有一个空盒子,我按一个按钮就会在那个盒子里放一个图像,代码是: HTML

<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,就像我只显示其他名称和图像链接一样。

我想要一个脚本,上面写着如果我按下摇滚它警告'纸'如果我选择纸张它说'纸' 但我似乎无法使它工作。我的代码是:

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

感谢您帮助我,希望我解释得很好!

1 个答案:

答案 0 :(得分:0)

&#13;
&#13;
$(document).ready(function(){
$('button').click(function(){
$('#pr').attr("src", "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZtjprGwxPE5FVcY72h1MWxvVVSiW7RFHmJ6DZ9G1lf0YOr-vV");
if(true){
alert('euirhzeurhzu')
}
})
});
&#13;
<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>
&#13;
&#13;
&#13;