gpt4 book ai didi

javascript - 如何输入函数变化?

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:14:48 25 4
gpt4 key购买 nike

如何将 var this , 放入图片中的 attr 中?
因为它被替换为 innerHTML

<!DOCTYPE html>
<html>
<head><script type="text/javascript" src="http://line25.com/wp-content/uploads/2010/jquery-lightbox/demo/js/jquery.js"></script>
</head>
<body>
<button href="http://allcartooncharacters.com/wp-content/uploads/2014/05/Tweety-310x310.png">Try it</button>

<p id="demo">
<img src="http://www.w3schools.com/jquery/img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213">
</p>

<script>
$(document).ready(function() {
$('button').click(function() {
var this = $("button")[0].getAttribute("href");
$("#demo img").attr("src", '+ var this +');
});
});
</script>
</body>
</html>

如果我想添加加载功能怎么办?可能图片打开成功,loading会这样消失

if (loading) {
$(".loading-picture-gif").show();
}
else {
$(".loading-picture-gif").hide();
}

最佳答案

您不能将 this 用作变量名,即使可以,也可能不是一个好主意。我会让你的代码看起来像下面这样

$("button").click(function() {
var newSrc = $("button")[0].getAttribute("href");
$("#demo img").attr("src", newSrc);
});

关于加载图片的隐藏/显示,可以在修改图片的src属性时使用.on("load"...回调。最终代码如下所示

$('button').click(function() {
var newSrc = $("button")[0].getAttribute("href");
$(".loading-picture-gif").show();
$("#demo img").on("load", function() {
$(".loading-picture-gif").hide();
}).attr("src", newSrc);
});

Working Fiddle

关于javascript - 如何输入函数变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34406221/

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