0

テンプレートのコンテンツをdiv（main.html）にロードするためのスニペットコード：

var href = $(this).attr('href');
$('#content_pane').load( href );


<a href="/main" class="active"> MAIN  </a>
<a href="/review"> REVIEW </a>

<div id="#content_pane"> </div>

review.html：

<a href="review/1" class="pageLink"> 1 </a>
<a href="review/2" class="pageLink"> 2 </a>

今の私の質問はそれです：

  1. たとえば、href = "/ review"をクリックして、レビューページをdiv#content_paneにロードしたとします。
  2. レビューコンテンツの一部には、ページ番号のhrefリンクが含まれています。
  3. 質問 ！！これらのリンク（ページ番号）をクリックすると、このレビューページでクリックされたリンクのコンテンツが、上記のjQueryロードと同じようにAJAX効果でこのdiv#content_paneにロードされます。

編集

現在の問題：

review.htmlがdiv#content_paneにロードされた後、review.htmlのクラス.pageLinkにmain.htmlからアクセスできません。

誰かがこれを手伝ってもらえますか？

4

2 に答える 2

1

私があなたを正しく理解していれば
、それらのリンクのajax呼び出しが終了した後に、より多くのコンテンツをロードする方法が必要です。
このために（jQueryを使用している場合）私はこれを行い
ます：： "。delegate（）"関数を使用する必要があります。（詳細については、こちらをお読みください）。
今コードのために： 

<script>
var href = $(this).attr('href');
$('#content_pane').load( href );
$('#content_pane').delegate('#your-link-id-here', 'click', function(){
var href2 = $('.your-link-class-here').attr('href');
$('#content_pane').load( href2 );//If you want your links to stay, put another div insted of content_pane.
});
</script>

<a href="/main" class="active"> MAIN  </a>
<a href="/review"> REVIEW </a>

<div id="#content_pane"> </div>
于 2011-10-19T15:51:18.610 に答える
0

次のようにして問題を解決しました。

  1. main.htmlのdiv要素はreview.htmlをロードします。
  2. review.htmlは、main.htmlのdiv要素にアクセスできます。
  3. したがって、review.html、jQuery / javascriptをクリックしたリンクを実行して、main.htmlのdivを更新できます。
于 2011-10-30T15:22:58.903 に答える