javascript - 从文件加载页面并通过元素的 id 或类更改一些内容

Question

这是我将文件加载到 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" 的元素中添加新标题。如果我像上面那样做，什么也不会发生。如何纠正？

Answer 1

尝试跟随并检查它是否有效

 $(".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(,,,) 时没有元素存在，因为整个执行过程发生在几分之一秒或更短的时间内。