JqueryとAJAXを使用してdivファイルにhtmlファイルをロード

以前の質問に対する答えとしてAJAXとjqueryを非常に参考にして、多くの参考資料、例と質問を見つけました。特にこの...JqueryとAJAXを使用してdivファイルにhtmlファイルをロード

しかし、永遠のように思える何のためにレンガの壁に頭を強打した後、私はちょうどそれを動作させることはできません！うまくいけば、それはあなたに明白に明らかです！再び、事前に感謝！ここで

は、私は、これはそれを行う必要があると信じて...私が持っているもの

<head> 
 

 
\t <link rel="stylesheet" type="text/css" href="css/new1.css" /> 
 
\t \t 
 
\t \t <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
\t \t 
 
\t \t <script type="text/javascript"> 
 
\t \t \t $(document).ready(
 
\t \t \t \t function navclick(which) { 
 
\t \t \t \t \t $('#container').load(which + '.html'); 
 
\t \t \t \t } 
 
\t \t \t) 
 
\t \t </script> 
 
\t \t 
 
</head> 
 

 
<body id="main"> 
 

 
\t <div> 
 
\t 
 
\t \t <a href="javascript: void(0)" onclick="navclick('page1')">Page 1</a> 
 
\t \t <a href="javascript: void(0)" onclick="navclick('page2')">Page 2</a> 
 
\t 
 
\t </div> 
 
\t 
 
\t <div id="container"> 
 
\t \t <p>Placeholder text</p> 
 
\t </div> 
 
\t 
 
\t 
 
</body>

出典

2017-11-21 Matthew Xly

文書のあなたの方法を取ります準備してそれをjuにするあなたのonclicksが動作するかどうかを確認してください。 – Taplar

すばやく返信いただきありがとうございます。残念ながら、それは問題を解決しません。 :( –

あなたのネットワークコンソールを見て、リクエストを行っているかどうかを確認し、エラーが発生していないレスポンスコード – Taplar

です：

$(function() { 
 
    $('.nav').click(function(e) { 
 
    e.preventDefault(); 
 
    var url = $(this).attr("name") + '.html'; 
 
    $("#container").load(url); 
 
    }); 
 
});

<link rel="stylesheet" type="text/css" href="css/new1.css" /> 
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<div> 
 
    <a href="#" name="page1" class="nav">Page 1</a> 
 
    <a href="#" name="page2" class="nav">Page 2</a> 
 
</div> 
 

 
<div id="container"> 
 
    <p>Placeholder text</p> 
 
</div>

出典

2017-11-21 16:34:40 emshore

JqueryとAJAXを使用してdivファイルにhtmlファイルをロード

答えて

関連する問題