нужна помощь в дополнении js и ajax
обновление контента без перезагрузки страницы.
Работает почти все четко. суть: нужно чтобы ссылка с классом nav_link тоже обновлялась, вне блока с тегами а и b... но при этом чтобы сама страница не обновлялась.. <div class="a"><div class="b"> этот текст изменится после нажатия на кнопку с классом nav_link </div></div> <a href="необходимая ссылка" class="nav_link">кнопка с классом nav_link </a> $(function(){ AjaxContent.init({containerDiv:".a",contentDiv:".b"}).ajaxify_links(".nav_link"); }); var AjaxContent = function(){ var container_div = ''; var content_div = ''; return { getContent : function(url){ $(container_div).animate({opacity:0}, //Прозрачность на 0 function(){ // загружает контент с помощью ajax $('#gif_loader').show(); //показываем лоадер $(container_div).load(url+" "+content_div, //загружает только выбранную часть function(){ $(container_div).animate({opacity:1}); //возвращает прозрачность обратно на 1 $('#gif_loader').hide(); //скрываем лоадер при загрузке } ); }); }, ajaxify_links: function(elements){ $(elements).click(function(e){ e.preventDefault(); AjaxContent.getContent(this.href); // return false; //предотвращает нажатие на ссылку }); }, init: function(params){ //задает первоначальные настройки container_div = params.containerDiv; content_div = params.contentDiv; return this; //выводит объект } }; }(); |
Часовой пояс GMT +3, время: 02:41. |