メニューのリンクを使用してhrefの値をjQueryに渡してdiv
にコンテンツをロードしています。何らかの理由で、ロードが1ページロードされ、他のロードはスタックされません。ある時点でこれは機能していました。URL変数をJquery.load()で使用して更新していません
メニュー例をリンクします。
<ul class="menu">
<li>
<a href="link1.html" class="load_link">Content 1</a>
</li>
<li>
<a href="link2.html" class="load_link">Content 2</a>
</li>
<li>
<a href="link3.html" class="load_link">Content 3</a>
</li>
</ul>
私は、新しいコンテンツがロードされますid="jq_load_content"
とdiv
を持っています。 div要素の中にコンテンツをロードするための
私のベースのスクリプトは次のとおりです。
リンクがクリックされ$(document).ready(function(){
$(".load_link").click(function() {
//TRIED MAKING VARIABLE EMPTY EVERY CLICK
var contentUrl = null;
//LOAD VARIABLE WITH HREF ON CLICKED LINK
var contentUrl = $(this).attr('href');
// TRIED EMPTYING DIV
$('#jq_load_content').empty();
//load url
$('#jq_load_content').load(contentUrl, function(){
//Functions after load
});
// DISABLE LINK
return false;
}); //End menu link click
}); //End document ready
、唯一の最初のhrefが今までにロードされます。当初、他のリンクをクリックしても、div
に入れられた内容はlink1.htm
です。 .empty()
関数を追加した後、他は空白に戻りますが、link1
はまだ動作します。リンクされたファイルはすべて存在し、適切に配置されています。私はと同じページを呼び出すことでテストを試みただけでも、異なるクエリ文字列(link1.html?test=1
、link1.html?test=2
)でしか最初のリンクしか動作しません。
ご協力いただければ幸いです。
ありがとうございました
問題は 'newViewScreen'です。これは何を保持していますか?これはcontentUrlでなければならない –
@Shaunak Dはい。それは私のペーストのタイプミスでした。私の実際のスクリプトでは、私はnewViewScreenを使用します。私は読者のための名前を簡素化しようとしていた。ありがとう。私はそれを修正しました。 – jkdoyle
_何らかの理由で、読み込み中にページが1つしかロードされず、他のページが読み込まれませんでした。 "_再生できません。 – guest271314