Проблемы с работой 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, время: 19:12. |