Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal,
estou trabalhando em um site onde faço o load de alguns conteúdos, mas sempre que faço o load a primeira vez outros recursos javascript da página param de funcionar, como modais e até o dropdown do menu. e só voltam a funcionar quando faço o load novamente.
Alguém tem alguma ideia de como resolver?
quando você utiliza o load do jquery com um id o javascript é desativado para a página que vc carrega, da uma olhada la na documentação do jquery.load.
Uma solução para isso é colocar os scripts que vc quer que carregue depois do load em um callback:
$(document).ready(function(){
$("#id").load("page.html #id",function(){
//seus scripts aqui.
});
});da uma olhada aqui http://api.jquery.com/load/#script-execution
Provavelmente está acontecendo isso.
O que acho estranho é funcionar na segunda vez que faço o load...
Os efeitos que param de funcionar são do bootstrap, neste caso teria que chamar o documento bootstrap.js novamente?
Não chamar o "documento", mas sim inicializar as funções.
Os arquivos que vc trás com ajax, não devem ter nenhuma tag script.
Coloque todas elas na página que carrega via http.
E então no callback do retorno do ajax, vc inicializa o que precisar novamente, por causa do event bind que expliquei no post.
Blz vou refazer essa parte do load aqui e depois posto se resolveu valeu pessoal!
Vc já tentou uma abordagem desse tipo:
http://wbruno.com.br/ajax/usando-lightbox-em-pagina-carregada-ajax/
?