Javascript 从文件加载页面并按元素更改某些内容'；s id或类别

下面是我将文件加载到DIV的代码：

    $(".side-nav a").click(function(e) {
        e.preventDefault();
        $("#page-wrapper").load(file); //file="path to php file"
        $(".title").text(title); //title="some titles"
    });

下面是我从file.php加载的代码部分：

(...)

<h1 class="page-header"> <span class="title"></span><small>details</small></h1>
<ol class="breadcrumb">
  <li><i class="fa fa-dashboard"></i><a href="#"> Dashboard </a></li>
  <li class="active"><i class="fa fa-edit"></i> <span class="title"></span> </li>
</ol>

(...)

（…）
细节


(...)

现在我想用

class=“title”

在元素中添加新标题。如果我像上面那样做，什么也不会发生。如何更正此问题？

是一个ajax短句柄，它是异步的，因此请在完整回调中执行此操作，否则元素将不在其中

$("#page-wrapper").load(file,function(){ 
   $(".title").text(title);
});

是一个ajax短句柄，它是异步的，所以在完整回调中执行它，否则元素将不在那里

$("#page-wrapper").load(file,function(){ 
   $(".title").text(title);
});

---

尝试以下操作并检查其是否有效

 $(".side-nav a").click(function(e) {
        e.preventDefault();
        $("#page-wrapper").load(file,function(){
            $(".title").text(title); //title="some titles"
         }); //file="path to php file"

    });

---

由于

$.load

是异步的，DOM不会等待

$.load

执行并尝试执行ext语句。当它到达

$（“.title”）.text（，，，）

时，没有任何元素存在，因为整个执行过程在几秒钟或更短的时间内完成。

请尝试以下操作并检查它是否有效

 $(".side-nav a").click(function(e) {
        e.preventDefault();
        $("#page-wrapper").load(file,function(){
            $(".title").text(title); //title="some titles"
         }); //file="path to php file"

    });

---

由于

$.load

是异步的，DOM不会等待

$.load

执行并尝试执行ext语句。当它到达

$（“.title”）.text（，，，）

时，不存在任何元素，因为整个执行过程在几秒钟或更短的时间内完成。

b因为加载是异步的。。。。你基本上是点了比萨饼，一按发送按钮就吃。你需要等比萨饼送到你家。请阅读有关B的文档，因为加载是异步的。。。。你基本上是点了比萨饼，一按发送按钮就吃。你需要等比萨饼送到你家。阅读文档以获取感谢，您可以在这里找到有关$.load的所有可能的详细信息。事实上，我知道load函数是异步的，我在控制台日志中也收到警告“主线程上的Synchronous XMLHttpRequest已弃用…”，但这可能是不同的主题如何替换我用于加载页面的整个想法。我不知道为什么我不能想出这种解决方法（我以前经常这样做，但不是经常这样）。无论如何，感谢您指导我这样做。谢谢，您可以在这里找到有关$的所有可能的详细信息。实际上，我知道加载函数是异步的，我在控制台日志中也收到警告“主线程上的同步XMLHttpRequest已弃用…”但这可能是不同的主题，如何取代我用来加载页面的整个想法。我不知道为什么我不能想出这种解决方法（我以前经常这样做，但不是经常这样）。无论如何，谢谢你指导我这样做。