Ajax Load + Обновить тот же div - PullRequest
Новая
       4

Ajax Load + Обновить тот же div

0 голосов
/ 19 октября 2011

Фрагмент кода для загрузки содержимого шаблона в 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. Допустим, я загрузил страницу обзора в div #content_pane, нажав href = "/ review"
  2. Часть содержимого обзора,содержит ссылку href с номерами страниц.
  3. ВОПРОС !! Когда я нажимаю эту ссылку (номер страницы), я хочу, чтобы содержимое ссылки, нажатой на этой странице обзора, было загружено обратнов этот div #content_pane с эффектом AJAX, как при загрузке jQuery, как указано выше.

EDIT

Текущая проблема:

Класс .pageLink из review.html недоступен из main.html после загрузки review.html в div # content_pane

Может ли кто-нибудь помочь с этим, пожалуйста?

Ответы [ 2 ]

1 голос
/ 19 октября 2011

Хорошо, если я вас правильно понял,
Вы хотите загрузить больше контента после завершения вызова 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>
0 голосов
/ 30 октября 2011

Проблема решена следующим образом:

  1. Элемент div в main.html загружает review.html.
  2. review.html может получить доступ к элементу div в main.html.
  3. Следовательно, любые ссылки, нажимаемые на review.html, jQuery / javascript, могут быть использованы для обновления div в main.html.
...