Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hiccup

"Conflito" load() e outros comandos ...

Por , em Javascript

Recommended Posts

Hiccup    0

Hiccup
Postado

Boa noite,

 

Estou fazendo uma página utilizando o load() do JQuery e acho que estou errando na forma de utilizá-lo. Eu tento carregar uma página em uma div, até aí tudo bem, mas os efeitos JQuery que estão nesta página que foi carregada param de funcionar. Se eu pegar o código dessa página carregada com load() e inserir direto no lugar da div, tudo funciona normalmente. Alguém poderia me ajudar e dizer onde estou errando?!

 

O que quero fazer: Carregar uma página em uma div e que ele continue com seus "código" JQuery funcionando.

 

Qual o problema: Se carrego uma página com o load(), os comando JQuery não funcionam.

 

O que fiz: Já li aqui mesmo no forum vários posts sobre load(), mas nenhum deles me ajudou, talvez eu não tenha entendido. Também fiz um modelo abaixo para mostrar qual o meu problema.

 

index.html

 

<!doctype html>

<html lang="pt-br">

<head>

    <meta charset="utf-8">

    <title>Teste</title>

    <link rel="stylesheet" href="../css/jquery.ui.all.css">
    <script src="../js/jquery-1.9.1.js"></script>
    <script src="../js/jquery.ui.core.js"></script>
    <script src="../js/jquery.ui.widget.js"></script>
    <script src="../js/jquery.ui.button.js"></script>
    <link rel="stylesheet" href="../css/demos.css">

    <script src="teste.js"></script>

</head>

<body>

    <div id="teste"></div>

</body>
</html>

 

 

botao.html

 

<button>A button element</button>

<input type="submit" value="A submit button">

<a href="#">An anchor</a>

 

 

teste.js

 

$(document).ready(function() {

    $("#teste").load("botao.html");
    
    $( "input[type=submit], a, button" )
        .button()
        .click(function( event ) {
            event.preventDefault();
    });
        
});

 

Muito obrigado pela ajuda!

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hiccup    0

Hiccup
Postado

Bom dia galera,

 

Consegui descobrir uma solução, aí vai ela ...

 

teste.js

 

$("#teste").load("botao.html",
        function(){    
        $( "input[type=submit], a, button" )
            .button()
            .click(function( event ) {
                event.preventDefault();
        });
    });

 

Abraço a todos!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito