jquery load html content（datestamp）divに私が欲しい場所がありません

Question

私はlastrun.htmlと呼ばれる個別のファイルがあり、それには単に日付スタンプが含まれています。 index.htmlに適切な場所に表示したいと思います。

私は

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

を使用していますし、私が持っている私のhtml bodyセクションに：2017年6月5日に

最後に実行されますが、代わりにそれがない：

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

期待がいました：

最終実行

6月5日2017

[最終実行日]に日付を設定するにはどうすればよいですか？ DIVとスパンとの間の差のより良い説明については

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

にまたがる

Answer 1

変更のdivあなたはthis answer here

Answer 2

divをチェックアウトp内部で許可されていません。これにより、pが終了し、div、次にもう1つの空きがpとなります。だからあなたのHTMLが、でも、AJAX呼び出しの前に、あなたはspanまたは使用のように、p内の許可要素を使用するか必要がある。この

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

---

ようなブラウザによってレンダリングされる

pの代わりに外側の要素にdivを追加します。

<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を作成しました。

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

上記はあなたの例と同じです。 divタグは、これはしかし、あなたは、より伝統的なAJAXリクエストでデバッグすることができ影響を及ぼすべきではない：

$.get('lastrun.html', function(aResponse) { 
    $("#lastrun").html(aResponse); 
}).fail(function(jqXHR, textStatus, errorThrown) { 
    console.error(arguments); 
    $("#lastrun").html(errorThrown); 
}); 

これは、あなたがリクエストURL自体に問題があるかどうかを判断するのに役立つはずです。