当前位置: 首页 > 工具软件 > Slimbox > 使用案例 >

ajax next()执行顺序,ajax调用后的slimbox,使用next / previous函数

缑高朗
2023-12-01

在使用AJAX调用动态加载内容后,我正试图让下一个/上一个按钮与SLIMBOX库一起使用。

$(document).ready(function() {

$('.content_box').hide();

$('.sf-menuUP a').click(function(){

$('.content_box').fadeIn('slow');

});

var hash = window.location.hash.substr(1);

var href = $('.sf-menuUP li a').each(function(){

var href = $(this).attr('href');

if(hash==href.substr(0,href.length-5)){

var toLoad = hash+'.html #content';

$('#content').load(toLoad)

}

});

$('.sf-menuUP li a').click(function(){

var toLoad = $(this).attr('href')+' #content';

$('#content').fadeOut('fast',loadContent);

$('#load').remove();

$('#wrapper').append('LOADING...');

$('#load').fadeIn('normal');

window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);

function loadContent() {

$('#content').load(toLoad,'',showNewContent())

}

function showNewContent() {

$('#content').fadeIn('normal',hideLoader());

}

function hideLoader() {

$('#load').fadeOut('normal');

}

return false;

});

$("a[rel^='lightbox']").livequery(function(){

$(this).slimbox({/* Put custom options here */}, null, function(el) {

return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));

}), function() {

//remove slimbox? this is called when elements no longer match

}

});

});

slimbox通过livequery获得反弹,我只是不知道如何重新绑定slimbox的下一个/上一个功能。我希望这是足够的信息继续下去,我真的需要让这个工作。感谢。

 类似资料: