[英]jQuery script not modifying src of element
我有一个jQuery脚本,当单击页面上的img
时,它试图在模式窗口中修改元素的src
。 它获取被单击的img
的src
,然后尝试将该src
复制到模式弹出窗口中的元素。
我放入了一个测试alert(source);
在脚本中只是为了查看它是否正常工作。 不出所料,这会向用户发出正确的src
警报。 不幸的是,根据Chrome浏览器中的“元素”视图,此后不会将src
赋予该元素。
我正在尝试将src
赋予<modal>
标记内的元素。
<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>
元素。 它包含在Angular指令文件中,它采用模式并将其放在</body>
标记的末尾:
function Directive(ModalService) {
...
// move element to bottom of page (just before </body>) so it can be displayed above everything else
element.appendTo('body');
...
});
是否会对不接收src
的模式内的元素产生影响?
$(".img_div").on("click", function() {
var source = $(this).find('img').attr('src');
$('#popup_img').attr('src', source);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.