gpt4 book ai didi

javascript - 函数在主体卸载中调用时有效,但在作为另一个函数的一部分调用时无效

转载 作者:行者123 更新时间:2023-12-03 10:12:33 26 4
gpt4 key购买 nike

这是独家新闻 - 我这里有一个带有动画进度条的页面:

http://bushidodesigns.net/consumer/webapp/funnel/receipts.htm

使栏动画化的脚本如下所示:

function run() {

var obj = document.getElementById('p1');

if (obj.getAttribute("data-value") < 100) {
obj.setAttribute("data-value", parseInt(obj.getAttribute("data-value")) + 5);
obj.setAttribute('aria-valuenow', obj.getAttribute("data-value"));
obj.style.width = obj.getAttribute("data-value") + "%";
}

我在页面加载时触发它,如下所示:

<body class="step" onLoad="run()">

效果很好。但我想做的是将进度条放在外部文件中,并在用户单击如下链接时将其加载到页面中:

$(document).on('click','#load-email',function() {
$("article").load("../loaders/email.htm");
run();
});

当我这样做时,进度条加载到页面中,但它以 100% 加载,没有动画,并抛出此错误 - “TypeError: obj is null if (obj.getAttribute("data-value") < 100) {"

这是一个链接:

http://bushidodesigns.net/consumer/webapp/funnel/email.htm

单击“继续”按钮查看问题。

知道是什么原因造成的吗?我完全被难住了。

最佳答案

email.htm 加载后调用 run()

$(document).on('click','#load-email',function() {
$("article").load("../loaders/email.htm", {}, function() {
run();
});
});

关于javascript - 函数在主体卸载中调用时有效,但在作为另一个函数的一部分调用时无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30043180/

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