Hola, a ver si alguien puede resolver mi duda.
Tengo un archivo principal javascript el cual cargo al cargar la web, con contenido jquery, en el cual utilizo la librería corner, y asigno a unos determinados divs unos bordes redondeados.
Mi problema surge, que al cargar una pagina mediante ajax, los corners asignados en el javascript principal y ya cargados, no funcionan.
Hay alguna forma de cargarlos, sin tener que cargar el archivo cada vez que cargo una pagina en ajax?
Estuve leyendo que para las funciones click, podría usar la función on, pero para por ejemplo la funcion corner del modulo jquery corners no se como lo podría hacer.
Este es el código.
Página principal:
Código:
<link rel="stylesheet" type="text/css" href="scripts/style.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.corner.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>
<div id="form"></div>
<div id="contenido"></div>
Archivo scripts.js:
Código:
$(document).ready(function(){
$("#form").load("files/form.php");
$("#dnombre #inombre").bind("keydown", function(event){
if (event.keyCode == '13') {
nombre = $("#dnombre #inombre").attr('value');
$("#dnombre #inombre").val('');
url = "files/form.php?val=1&nombre="+nombre;
$("#carga").load(url);
}
});
$("#borrar").bind("click", function(event){
nombre = $("#dnombre #inombre").attr('value');
$("#dnombre #inombre").val('');
url = "files/form.php?val=2&nombre="+nombre;
$("#carga").load(url);
});
$("#inombre").corner("round 6px").parent().css('padding', '0px').corner("round 7px");
$("#borrar").corner("6px");
});
Archivo form.php
Código:
<div id="dnombre"><input id="inombre" type="text" name="nombre" value="" tabindex="1" /></div>
<div id="borrar"></div>
<div id="carga"></div>
Como se ve, cargo el archivo form.php en el div form, el cual contiene unos campos de texto, los cuales declaro en el javascript como corners, pero no me los carga si no vuelvo a cargar el javascript.