"Conflito" load() e outros comandos ...
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!
Discussão (1)
Carregando comentários...