jquery加载html内容（datestamp）到div不到我想要的地方

Question

我有一个名为lastrun.html的单独文件，它只包含一个日期戳。我希望它能在我的index.html中显示在正确的位置。

我正在使用

 $(document).ready(function() {
                    $("#lastrun").load("lastrun.html");
 });

然后在我的html正文部分中我有：

<p>Last run on <div id="lastrun" style="display:inline"></div></p>

期望是：

2017年6月5日最后一次运行，但确实如此：

上次运行

2017年6月5日

如何在最后一条跑线上获得预约日期？

Answer 1

将div更改为span

<p>Last run on <span id="lastrun" ></span></p>

为了更好地解释div和span之间的区别，请查看this answer here

Answer 2

div内不允许

p。这会导致p关闭，然后是div，然后是另一个空p。

所以你的html，即使在ajax调用之前，也是由像这样的浏览器呈现的

<p>Last run on </p>
<div id="lastrun" style="display:inline"></div>
<p></p>

因此，您需要在p中使用允许的元素，例如span，或者使用div作为外部元素而不是p。

<p>Last run on <span id="lastrun" style="display:inline"></span></p>

或

<div>Last run on <div id="lastrun" style="display:inline"></div></div>

Answer 3

我已经为加载内容创建了jsfiddle with 2 techniques。

favicon.ico

以上内容与您的示例相同。 div标签不应该影响这一点，但是您可以使用更传统的ajax请求进行调试：

$("#lastrun").load('lastrun.html'); 

这可以帮助您确定请求网址本身是否存在问题。