jQuery没有在ajax加载的页面上工作

时间:2013-02-11 17:46:10

标签: ajax jquery

我正在尝试使用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");
});

 }

0 个答案:

没有答案