2016-06-28 22 views
0

メニューのリンクを使用して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=1link1.html?test=2)でしか最初のリンクしか動作しません。

ご協力いただければ幸いです。

ありがとうございました

+0

問題は 'newViewScreen'です。これは何を保持していますか?これはcontentUrlでなければならない –

+0

@Shaunak Dはい。それは私のペーストのタイプミスでした。私の実際のスクリプトでは、私はnewViewScreenを使用します。私は読者のための名前を簡素化しようとしていた。ありがとう。私はそれを修正しました。 – jkdoyle

+0

_何らかの理由で、読み込み中にページが1つしかロードされず、他のページが読み込まれませんでした。 "_再生できません。 – guest271314

答えて

0

上記のスクリプトは意図したとおりに動作します。エラーはセカンダリロードページにありました。

関連する問題