Ir para conteúdo

POWERED BY:

Arquivado

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

Ricardo Constanzo

Separar Javascript do HTML com Jquery

Recommended Posts

Como assim ?

jQuery já não lhe permite escrever Javascript inline.. tem algum script para exemplificar oque deseja ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

index.php

 

<html>

 

<head>

<title></title>

<style>

#div1{

margin-top: 1px;

margin-left: 1px;

position: absolute;

float: left;

width: 500px;

height: 500px;

}

 

#div2{

margin-top: 1px;

margin-left: 300px;

position: absolute;

width: 500px;

height: 500px;

}

</style>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="script.js"></script>

</head>

 

<body>

<div id="div1">

<a href="#" id="link_cadastro">Cadastro</a><br />

<a href="#" id="link_alterar">Alterar</a>

</div>

<div id="div2"></div>

</body>

 

</html>

 

 

 

 

script.js

 

$(document).ready(function(){

$('#link_cadastro').click(function(){

$.ajax({

url : 'cadastro.php',

dataType : 'text',

data : 'param=1',

type : 'POST',

success : function(texto){

$('#div2').html(texto);

}

 

});

});

 

$('#cadastro_main').click(function(){

alert('Ricardo');

});

 

});

 

 

 

cadastro.php

 

<html>

<head>

<title></title>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="script.js"></script>

</head>

<body>

<form>

<input type="button" value="Inserir" id="cadastro_main" />

</form>

</body>

</html>

 

 

Quando eu clico no link, ele consegue me mostrar a pagina cadastro.php, agora quando eu clico no botao ele não me mostra o alert no mozilla, só no ie ele consegue me mostrar.

 

Eu quero fazer o index.php só de html, sem aqueles eventos do javascript(onclick, onload, etc).

 

o que eu faço para que ele me mostre o alert no mozilla?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acredito que você terá que atrelar a função de click, com um bind() ou um live(), já que está carregando o conteúdo da página via requisição asssincrona.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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