[Resolvido] carregar conteudo com ajax/jquery em div sem refresh

[Gavaldão 14]

Olá amigos, já procurei muito e não encontrei solução. No forum existe dois topicos antigos más sem resposta.

Tenho uma página principal (index) e outras páginas (produtos, serviços, contato).

Usei um script ajax/jquery para carregar as outras páginas na div conteudo, até aí tudo bem carrega ok, porém nas páginas de produtos e serviços, tenho slider menu vertical (jquery) e slyde gallery.

Quando abro as páginas individualmente, funcionam ok, porém quando carregam na div principal, os Scripts não funcionam, o CSS colocando na principal ok.

Sei que é devido o DOM já carregado na pagina principal.

Alguem pode ajudar com uma solução?

Grato.

[William Bruno 1501]

Dá uma lida aqui:

 

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

[Gavaldão 14]

Dá uma lida aqui:

 

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

 

Ok. Bruno, estava viajando, verifiquei o que você indicou mas não funcionou direito porque tenho varios scripts nas páginas.

Resolvi utilizando o shadowbox, que pelos testes está funcionando.

Levei tempo para configura-lo dentro da div conteudo más esta funcionando.

Abre qualquer pagina na div com o efeito shadowbox.

 

Só não consegui ainda configurar o script para carregar a pagina home (inicial)na div, quando abro a página principal (tenho que clicar no menu) e não consegui fechar o shadowbox clicando no menu, só fecho no botão close "X"

Estou usando assim:

 

<script type="text/javascript">

Shadowbox.init({

handleOversize: "drag",

modal: true ,

language: 'pt',

player: ['img', 'html', 'swf']

});

</script>

 

Se usar este outro a página carrega uma mensagem quando abro a página inicial.

<script type="text/javascript">

Shadowbox.init({

// let's skip the automatic setup because we don't have any

// properly configured link elements on the page

skipSetup: true

});

 

window.onload = function() {

 

// open a welcome message as soon as the window loads

Shadowbox.open({

content: '<div id="welcome-msg">Welcome to my website!</div>',

player: "html",

title: "Welcome",

height: 700,

width: 900

});

 

};

</script>

 

Essa div "welcome-msg" é pré configurada no script shadowbox.

 

Alguem pode ajudar? grato

[Gavaldão 14]

OK. Resolvido. Estou usando Shadowbox, para carregar as paginas no conteudo.