我正在尝试使用AJAX加载我的页面,我唯一的问题是当我返回索引页面或保持更改页面时,jQuery插件停止工作。我可能需要在AJAX加载内容后调用插件,但我不确切知道我需要做什么。
这是我的代码:
$(function(){
boxWallpapers();
menuHover();
preload([
'/img/bg_body_topo.jpg',
'/img/img_topo.png',
'/img/logo_topo.png'
]);
$("a[rel*=outside]").attr( "target", "_blank" );
//var oScrollbar = $('#scrollbar');
//oScrollbar.tinyscrollbar_update();
var content = $('#content');
//pre carregando o gif
loading = new Image(); loading.src = '/img/103.gif';
$('#menu-topo a, a#menu-ajax').live('click', function( e ){
e.preventDefault();
var tHeight = $('#wrapper').height();
var tWidth = $('#wrapper').width();
var posicao = $('#wrapper').position();
$('#carregando').remove();
$('#imgcarregando').remove();
$('#wrapper').prepend('<div id="carregando"></div> <div id="imgcarregando"> <img src="/img/103.gif" style="margin:280px 0 0 0;" alt="Carregando"/></div>');
$('#carregando').css({
'position': 'absolute',
'width': tWidth,
'height': tHeight,
'top': posicao.top,
'left': posicao.left,
'background': '#000',
'opacity': '.60',
'z-index': '9900',
'text-align': 'center'
});
$('#imgcarregando').css({
'position': 'absolute',
'width': tWidth,
'height': tHeight,
'top': posicao.top,
'left': posicao.left,
'background': '#000 url(/img/logo_topo.png) center 200px no-repeat',
'padding': '30px 0 0 0 ',
'opacity': '.88',
'z-index': '9999',
'text-align': 'center'
});
content.html( '' );
var href = $( this ).attr('href');
$.ajax({
url: href,
success: function( response ){
//forçando o parser
var data = $('<div>'+response+'</div>').find('#content').html();
//apenas atrasando a troca, para mostrarmos o loading
window.setTimeout( function(){
content.fadeOut('slow', function(){
$('#carregando').fadeOut('slow');
$('#imgcarregando').fadeOut('slow');
$('#content').height('auto');
content.html( data ).fadeIn();
boxWallpapers();
menuHover();
});
}, 1000 );
}
});
});
});
function msnBox(title, text){
if(!$("#facebox").length){
$('body').append("<div id=\"facebox\"><div><h2 id=\"msnTitle\"></h2><p id=\"msnText\"></p></div></div>");
}
$("#facebox div h2#msnTitle").html(title);
$("#facebox div p#msnText").html(text);
$("#facebox").overlay({
top: 100,
mask: {
color: '#fff',
loadSpeed: 200,
opacity: 0.5
},
closeOnClick: true,
load: true
});
}
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
// Alternatively you could use:
// (new Image()).src = this;
});
}
function boxWallpapers(){
$("#home-slide-destaques").scrollable({ circular: true }).autoscroll({ autoplay: true }).navigator(".controles");
// DISCOGRAFIA
$("ul#int-abas-discografia").tabs("div#int-conteudo-discografia > div", { effect: 'fade' });
// INTEGRANTES
$("ul#int-abas-integrantes").tabs("div#int-conteudo-integrantes > div", { effect: 'fade' });
$('#scrollbar').tinyscrollbar({ sizethumb: 55 });
}
function menuHover(){
$('#menu-topo ul li ul').hide();
$('#menu-topo ul li').hover(function(e) {
$(this).find('ul').stop().fadeToggle("fast");
});
}