如果我选择某张照片,我正试图收到提醒:
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>
但是这个剧本不起作用。是否有可能从此获得警报? 我需要更改什么才能收到警报?
谢谢。
答案 0 :(得分: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>
修改:这是一个有用的代码段。
$('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;
答案 1 :(得分:1)
如果你有多张图片&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
}
});