gpt4 book ai didi

jQuery "alert"触发但设置 img "src"被忽略?

转载 作者:行者123 更新时间:2023-12-01 07:24:31 24 4
gpt4 key购买 nike

根据这个问题:
Can't I use JQuery inside my FancyZoom popup?

该问题的两个答案解决了问题,以便我们的 Hello World 警报在 FancyZoom 弹出窗口中持续触发。

但是,我们真正需要做的不是发出警报,而是更改 img 的 src。

这是我们所拥有的:

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/fancyzoom.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(document).on('click', '#foo', function() { $('#foo').attr('src', 'i/image2.png'); alert('hello world'); });
});
</script>
</head>

<body>
<div id="Container">
<a id="myFancyZoomPopup" href="#Test"><span>test</span></a>
<div id="Test">
<p> this is some text in the popup</p>
<img id="foo" src="i/image1.png" />
</div>

<script type="text/javascript">
$('#myFancyZoomPopup').fancyZoom({ directory: 'i'});
</script>
</div>
</body>
</html>

“Hello World”正在触发,但图像源并未从 image1.png 更改为 image2.png

最佳答案

尝试使用类使 dom 对 getElementById 错误不那么敏感,然后在单击时更新 $(this).attr 使其定位到被单击的元素

<script type="text/javascript">
$(document).ready(function() {
$(document).on('click', '.foo', function() { $(this).attr('src', 'i/image2.png'); alert('hello world'); });
});
</script>

<img class="foo" src="i/image1.png" />

关于jQuery "alert"触发但设置 img "src"被忽略?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10451587/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com