Каким образом осуществить загрузку через AJAX для большого количества страниц из разных папок?
Вот например проект:
1. Index.html
2. template/
product.html
Скрипты, которые находил в сети не хотят работать.
$('.loot').live("click", function(){
var loaderImg = "<img src='loader.gif' alt='загрузка...' />"; // картинка до загрузки
var url = $(this).attr("href"); // получаем значение атрибута href ссылки
var rel = 'div#'+$(this).attr("rel"); // получаем значение атрибута rel ссылки
$("div#thief").html(loaderImg).html(function(){
var a=loaderImg;
$.ajax({ // запрашиваем данные со страницы-донора
url:url,
dataType:"html",
async:false,
success:function(b){a=$(b).find(rel)}, // извлекаем html из нужного элемента (в примере <div id="victim">)
error:function(){alert("Ajax!Ошибка.")}
});
return a
});
$("div#thief").fadeIn('fast'); // отображаем блок, если он был скрыт
return false;
});
Вот в этом скрипте ругается на Uncaught TypeError: $(...).live is not a function
Как я понял, для вызова нужно использовать
<div id="victim">2222 </div>
А на странице, на которой загружать вот это
<div class="content"> <div id="thief">
1111
</div>