Estimados colegas:
Tengo un problema al usar la función .load() de jquery. Lo que pasa es que tengo una página que se llama index.php que utiliza la función .load() y que trae con esa función a login.php. mi problema es que login.php también utiliza jquery y la función load para traer otro archivo cuando hagan click en un enlace. el problema en cuestión es que no funcionan las funciones jquery dentro de login.php.
Es decir que las funciones que están en login.php no se ejecutan.
Aquí les muestro mis códigos:
este es index.php
Código PHP:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Home page</title>
<!-- Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
//AJAX SEARCH
$(document).ready(
function(){
$("#login").click(function(entrar){
entrar.preventDefault();
$("#conectando").css("display", "inline");
$("#loginbox").load("loginajax.php", {user: $("#user").val(), pass:$("#pass").val()}, function(){
$("#cargando").css("display", "none");
});
});
</script>
</head>
<body>
<div id="loginbox">
<?php
if(!$_SESSION['MM_Username']){
?>
<label for="user">Usuario:</label>
<input type="text" name="user" id="user" value="" />
<label for="pass">Password:</label>
<input type="password" name="pass" id="pass" value="" />
<input type="button" id="login" value="login" />
<div id="conectando" style="display:none; color: green;">Conectando...</div>
<?php
} else {
echo 'Conectado correctamente. <a id="logout" href="#">Cerrar Sesión</a>';
}
?>
</div>
Este es el loginajax.php
Código PHP:
<?php
// aquí va todo el php que no me interesa
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Musik - Home Page</title>
<!-- Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$("#logout").click(function(){
$("#conectando").css("display", "inline");
$("#loginbox").load("logout.php", function(){
alert("recibidos los datos por ajax");
});
</script>
</head>
<body>
Conectado correctamente <a href="#" id="logout">Cerrar Sesión</a>';
Espero que me puedan ayudar con esto que estoy desesperado.
Gracias!