Categorías
JQuery

Recargue Javascript y vuelva a enlazar elementos cuando use JQuery

Estaba haciendo un programa simple de JQuery. Necesito agregar nuevas filas y hay un botón de eliminar en cada una de ellas. El enlace «eliminar» es para eliminar usando Ajax. No hay ningún problema para mí para agregar una fila usando la función JQuery Ajax. Pero el enlace «eliminar» en las filas recién agregadas no funciona.

Creo que el problema es que Javascript se carga antes y no se vuelve a cargar, por lo que Javascript ignora los elementos recién agregados. Lo que hago es volver a cargar el javascript.

Aquí está el código para eso.

add_note = function(){
		//alert("submit");
		memo = $("#memo").val();
		//alert(memo);
		$.post('back.php',
		{
			todo: "add_note",
			memo: memo,
		},function(data){
			$('#memo_list').append(data);
 
			        //Be careful here, reload the javascript code
				//reload this function to delete 
				$('.delete_link').click(function(){
					var item_id = $(this).attr("id");
					$("#note_"+item_id).fadeOut(500);
					$.post('back.php',
					{
						todo: "delete_note",
						memo_id: item_id
					},function(data){
						//after delte do nothing
					});
 
				});					
				});
			}

¿Tienes otras ideas?

¡Bienvenido a comentar y gracias de antemano!

Por Programación.Click

Más de 20 años programando en diferentes lenguajes de programación. Apasionado del code clean y el terminar lo que se empieza. ¿Programamos de verdad?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *