Question

如果我选择某张照片，我正试图收到提醒：

HTML：

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

然后我手动选择了一张进入'main'的图片并将其更改为src JQUERY：

<script type="text/javascript">
$('#paperb').click(function()
{
$('#pr').attr("src", "http://www.cliparthut.com/clip-arts/1008/paper-stack-
clip-art-1008442.jpg");
});  </script>

然后JS失败了：

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

但是这个剧本不起作用。是否有可能从此获得警报？我需要更改什么才能收到警报？

谢谢。

Answer 1

替换

if (getElementById('#pr').attr('src' ,'https://i.redd.it/2u0y0z5i12py.png')

与

if (getElementById('#pr').attr('src') === 'https://i.redd.it/2u0y0z5i12py.png')

另一个问题是您的if语句未在事件处理程序中声明。所以它在脚本首次加载时只运行一次。您需要将其置于要执行它的事件之后。 E.g。

<script type="text/javascript">
   $('body').on('click','#pr',function(){
      if ($('#pr').attr('src') === 'https://i.redd.it/2u0y0z5i12py.png') {
          alert('euirhzeurhzu');
       }
   });
</script>

修改：这是一个有用的代码段。

＆＃13;

   $('body').on('click','#pr',function(){
      if ($('#pr').attr('src') === 'https://i.redd.it/2u0y0z5i12py.png') {
          alert('euirhzeurhzu');
       }
   });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">
<img id='pr' style="width: 500px;height: 600px;" src="https://i.redd.it/2u0y0z5i12py.png">
</div>

＆＃13;

Answer 2

如果你有多张图片＆amp;想要在某些图像的src值更改时执行某些操作，请尝试以下操作;

$('#pr').on('load', function (e) { 
    console.log("Image Path: ", e.target.src); 
    if(e.target.src == "https://i.redd.it/2u0y0z5i12py.png") { 
        //do action a 
    } else if(e.target.src == "https://...bike.png") { 
        //do action b 
    }
});

如果选择某个图像，如何使用javascript触发警报？

2 个答案: