javascript - 继续尝试函数，直到加载所需的 DOM 元素-6ren

javascript - 继续尝试函数，直到加载所需的 DOM 元素

转载作者：行者123 更新时间：2023-11-28 21:15:29

25

4

我正在通过 XHR 将另一个页面加载到 el 中。加载的页面上有 js，除非页面上加载了所需的 dom 元素，否则会抛出错误并失败。因为它是 XHR .ready 等。等人。行不通的。

我让它工作时有 500 毫秒的超时，但这不行；一定有更好的方法。超时后，dom el 并不总是加载并且页面失败。

页面上有一个带有 id 硬编码的表格。页面中的脚本是一个 jquery 插件(数据表)，除非加载表，否则不会初始化。

我考虑过有一个函数来初始化数据表内容并重复调用该函数 while $('#tableID') is null 但不确定这是否正确。

<div id="contactQueue">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="contactsQueueTable">
    <thead>
        <tr>
            <th class="" rowspan="1" colspan="1" style="width: 185px; ">Contact Name</th>
            <th class="" rowspan="1" colspan="1" style="width: 148px; ">Bus. Name</th>
            <th class="" rowspan="1" colspan="1" style="width: 116px; ">Is Client</th>
            <th class="" rowspan="1" colspan="1" style="width: 165px; ">Remove</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
</div>
<?php echo form_open('',array('id'=>'step2form','name'=>'step2form'));?>
<input type="hidden" name="clientID" value="<?php echo $clientID; ?>">
<?php echo form_close();?>


<script type="text/javascript" charset="utf-8">
console.log(jq('#currentContactsTable'))
while(jq('#currentContactsTable').html()==null){
    initXHRPage();
    console.log(jq('#currentContactsTable')+' not ready');
}
function initXHRPage(){
    //init tables stuffs
}

<小时/>

编辑；

问题有点不同。数据表的脚本通过 getScript() 加载。该元素正常加载，但 initDatatables() 在 getScript() 完成加载之前触发，而不是在 el 加载之前触发。

解决方案是在 getScript() 成功回调中调用 initDatatables() 函数:

<script type="text/javascript" charset="utf-8">
var jsf = '/js/jquery.dataTables.js';
jq.getScript(jsf, function(data, textStatus){
    console.log('Loaded:'+jsf+" From: <?php echo $this->uri->uri_string(); ?>");
    initDatatable();
});
</script>

最佳答案

您尝试过$(el).ready(...)吗？这当然应该有效。如果不是，则说明有其他问题。

<小时/> 编辑

抱歉，应该是 $("#your_xhr_loaded_content").ready()...。

我一直在做这种类型的事情并且它有效，我认为关键是我正在加载文档。

主 HTML 文档，index.html:

    ...
    <body>
        ...
        <div id="activity_content">
        </div>
        ...
        <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="js/main.js"></script>
    </body>
</html>

main.js:

...

function ruleManagement.loadContent() {
    $.ajax({
        url: "subdocs/ruleMgmt.html",
            cache: false,
            success: function(html) {
                $("#activity_content").html(html);
            }
    }
}

ruleManagement.onReady = function(event) {
    // Init contents of the rule_management_pane
    ...
}

HTML 子文档，ruleMgmt.html

<div id="rule_management_pane">
    <!-- Content here -->
    ...
</div>
<script type="text/javascript" language="JavaScript">
    jQuery("#rule_management_pane").ready(ruleManagement.onReady);
</script>

如果我调用 ruleManagement.loadContent()，则在成功加载 div#rule_management_pane 后调用 ruleManagement.onReady()。我不能肯定地说 onReady 在 div#rule_management_pane 插入 #activity_content 之前被调用，但我认为情况就是如此。

关于javascript - 继续尝试函数，直到加载所需的 DOM 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7729863/

25

4

0

文章推荐： testing - 第一次编译 flutter_driver 时出错

文章推荐： Python argparse 解析无法识别的参数

文章推荐： ios - 使用 NSPredicate 替换 Array 中的 Dictionary 对象

文章推荐： reactjs - 在 xstate 中模拟调用的 promise

ios下载视频暂停/继续
我正在我的应用程序后台下载视频。如果用户在下载过程中重启了应用/设备，有什么方法可以在他们下次启动应用时从他们中断的地方继续下载？最佳答案这主要取决于文件服务器的配置(HTTP、FTP 等)。现
WPF 动画暂停/继续
我正在试验 WPF 动画，但有点卡住了。这是我需要做的: 鼠标悬停: 淡入(2 秒内从 0% 到 100% 不透明度) MouseOut: 暂停 2 秒淡出(2 秒内从 100% 到 0% 不透明度
Ant:将相同的文件集复制到多个位置 - 继续
我的问题是这个线程的延续: Ant: copy the same fileset to multiple places 我是映射器的新手。有人(carej？)可以分享一个使用映射器来做到这一点的例子吗
multithreading - 当主线程被阻塞时显示事件指示器(继续)
继续previous question我希望能够显示一些事件指示器即使主线程被阻塞。(基于this article)。基于所附代码的问题: 使用 Synchronize(PaintTargetWin
加载另一个页面后 JavaScript 继续
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果
java - 让等待线程跳过剩余的等待/继续
我有一个场景，其中有一个线程在等待和执行任务之间循环。但是，我想中断线程的等待(如果愿意，可以跳过其余的等待)并继续执行任务。有人知道如何做到这一点吗？最佳答案我认为你需要的是实现 wait()
c# - 继续;用于跳过许多循环
这是我的代码架构: while (..) { for (...; ...;...) for(...;...;...) if ( )
java - 方法——继续
import java.util.Scanner; public class InteractiveRectangle { public static void main(String[] args)
python - 在具有功能的列表理解中“继续”
如何将 continue 放入具有函数的列表理解中？下面的示例代码... import pandas as pd l = list(pd.Series([1,3,5,0,6,8])) def inv
python - 我怎样才能让视频在录制时暂停/继续？
关闭。这个问题需要更多focused .它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题 editing this post . 关闭 6 年前。 Improve this qu
Python with 语句，继续
我正在用 python 开发一个程序，遇到了一个我不知道如何解决的问题。我的意图是使用 with 语句，避免使用 try/except。到目前为止，我的想法是能够使用 continue 语句，就像在
java - 继续/中断时不必要的标签
我对下一段代码的执行感到困惑: label: for (int i = 0; i < 100; i++) { if (i % 2 == 0) c
c - `` 继续 `` 中断标签放置
这很好用: #include int main(){ volatile int abort_counter = 0; volatile int i = 0; while (i
go - 继续-无法解析嵌套结构
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。想改善这个问题吗？更新问题，以便将其作为on-topic
php foreach 继续
如果不满足某些条件，我会尝试跳到循环的下一次迭代。问题是循环仍在继续。我哪里出错了？根据第一条评论更新了代码示例。 foreach ($this->routes as $route =>
php foreach 继续
如果不满足某些条件，我会尝试跳到循环的下一次迭代。问题是循环仍在继续。我哪里出错了？根据第一条评论更新了代码示例。 foreach ($this->routes as $route =>
详解java线程的开始、暂停、继续
Android项目中的一个需求：通过线程读取文件内容，并且可以控制线程的开始、暂停、继续，来控制读文件。在此记录下。直接在主线程中，通过wait、notify、notifyAll去控制读文件的线
python - sys.getrefcount 继续
link text 我得到了引用计数的概念所以当我执行“del astrd”时，引用计数降为零并且 astrd 被 gc 收集？这是示例代码。这些代码是我在昨天的问题之后开发的:link text
excel - 出错时显示单元格地址和消息框并退出宏，如果没有，继续
我想首先检查我的 Range 是否有 #NA 错误，然后在退出宏之前显示包含错误的单元格地址。这是我到目前为止所做的。现在，如果出现错误，我想显示 MsgBox警告用户错误并停止程序的其余部分执行，
继续 while 循环直到 char == EOF
while( (c = fgetc(stdin)) != EOF ){ count++; if (count == lineLen - 1){ moreChars =

首页

博学

6Ren·AI

商城

javascript - 继续尝试函数，直到加载所需的 DOM 元素