jquery .load links does not working

Question

私はindex.html（home）内のdivにhtmlコンテンツを読み込むためにIframeの代わりにjquery loadメソッドを使用しています。リンクを含む静的ナビゲーションバーを持っています。それは最初のリンクをクリックしたときにもう動作しないように見えます。

メインスレッドの同期XMLHttpRequestは、エンドユーザーの経験に悪影響を与えるため、推奨されていません。詳細についてはhttps://xhr.spec.whatwg.org/をご確認ください。

PS：

<ul class="dropdown-menu"> 
     <li id="tolink1"><a href="#">SAMPLE 1</a></li> 
     <li id="tolink2"><a href="#">SAMPLE 2/a> </li> 
     <li id="tolink3"><a href="#">SAMPLE 3</a></li> 
     <li id="tolink4"><a href="#">SAMPLE 4</a></li> 
</ul> 

のjQuery：

//#loadcontent is the id of the div 
$(document).on('click', '#tolink1', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE1.html'); 

}); 

$(document).on('click', '#tolink2', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE2.html'); 

}); 

$(document).on('click', '#tolink3', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE3.html'); 

}); 

$(document).on('click', '#tolink4', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE4.html'); 

}); 

Answer 1

はこれにあなたのhtmlを交換してください：

begineerレベルが

はここ

HTMLのLINK私のコードです:)

<ul class="dropdown-menu"> 
     <li id="tolink1"><a href="javascript:void(0)">SAMPLE 1</a></li> 
     <li id="tolink2"><a href="javascript:void(0)">SAMPLE 2/a> </li> 
     <li id="tolink3"><a href="javascript:void(0)">SAMPLE 3</a></li> 
     <li id="tolink4"><a href="javascript:void(0)">SAMPLE 4</a></li> 
</ul> 

それを試してみてください！