Question

我有一个jQuery脚本，一旦点击页面上的src，就会尝试修改模态窗口中元素的img。它抓取被点击的src的{{1}}，并尝试将img复制到模态弹出窗口中的元素。

我已在脚本中加入测试src，看看它是否有效。正如所料，这会向用户发出正确的alert(source);警报。不幸的是，根据＆＃34; Elements＆＃34;＆＃34; Elements＆＃34;在Chrome浏览器中查看。

我试图将src提供给src代码中的元素。

src

值得注意的是，其他地方的其他代码正在修改<modal>元素。包含在Angular指令文件中，有这个，它采用模态并将其放在<div id="screenings"> <?php ... //database connection ... while ($row = mysqli_fetch_array($result)){ echo "<div class='img_div'>"; echo "<img id='unique' class='modal_img img_screenings' ng-click=\"vm.openModal('custom-modal-1')\" src='images/".$row['image']."' >"; ... echo "</div>"; } ?> </div> <modal id="custom-modal-1"> <div class="modal"> <div class="modal-body"> <img id="popup_img" src="#"> </div> </div> <div class="modal-background"></div> </modal> <script> $(".img_div").on("click", function() { var source = $(this).find('img').attr('src'); alert(source); $('#popup_img').prop('src', this.src); }); </script>标记的末尾：

<modal>

这会对模式中未接收</body>的元素产生影响吗？

Answer 1

$(".img_div").on("click", function() {
    var source = $(this).find('img').attr('src');     
    $('#popup_img').attr('src', source);
});

jQuery脚本不修改元素的src

1 个答案: