Load jquery

[rockrgo 138]

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?

[William Bruno 1501]

Vc já tentou uma abordagem desse tipo:

 

http://wbruno.com.br/ajax/usando-lightbox-em-pagina-carregada-ajax/

 

 

?

[Douglas Julião 34]

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.

[rockrgo 138]

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?

[William Bruno 1501]

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.

[rockrgo 138]

Blz vou refazer essa parte do load aqui e depois posto se resolveu valeu pessoal!