Проблемы с работой Ajax
Добрый день, с jquery работаю недавно по этому заранее прошу извинить за тупость.
Задача такова сделать слайдер контента который еще выполняет функции навигации п категориям сайта. Аналог: http://www.fxguide.com/podcasts/ Использую тот же слайдер что и в аналоге. Работает он так, при клике на dt разворачивается содержимое dd. <div id="slidedeck_frame" class="skin-slidedeck"> <dl class="slidedeck"> <dt>Slide 1</dt> <dd>Slide content</dd> <dt>Slide 2</dt> <dd>Slide content</dd> <dt>Slide 3</dt> <dd>Slide content</dd> <dt>Slide 4</dt> <dd>Slide content</dd> <dt>Slide 5</dt> <dd>Slide content</dd> </dl> </div> Скрипт для ajax. var AjaxContent = function(){ var container_div = ''; var content_div = ''; return { getContent : function(url){ $(container_div).animate({opacity:0}, //Turn the opacity to 0 function(){ // the callback, loads the content with ajax $(container_div).load(url+" "+content_div, //only loads the selected portion function(){ $(container_div).animate({opacity:1}); //and finally bring back the opacity back to 1 } ); }); }, ajaxify_links: function(elements){ $(elements).click(function(){ AjaxContent.getContent(this.rel); return false; //prevents the link from beign followed }); }, init: function(params){ //sets the initial parameters container_div = params.containerDiv; content_div = params.contentDiv; return this; //returns the object in order to make it chainable } } }(); Работа ajax-скрипта: http://gravitys.com/colorist/ajax/ Нужно синхронизировать работу слайдера и этого скрипта. Вот что у меня получилось: Как видно при на нажатии на ссылку работает ajax при нажатии на dt слайдер. Я пытался связать их через событие click для dt, но не смог получить адрес ссылки (. Очень прошу помочь, как быть, в каком направлении двигаться, или как возможно синхронизировать работу скриптов? |
Часовой пояс GMT +3, время: 13:48. |