En esta ocasión no grabe un screencast, ya que solo voy a reacomodar código en base a lo explicado en los pasados posts. Creo que será más fácil apreciar esos cambios si lo muestro como estaba el código y como fue cambiando. Así pueden ver los detalles sin tener que esperar a que lo escriba.En la parte 11 de la serie el archivo tasks.js iba de la siguiente forma:$(function(){
$('input[type="checkbox"]').click(function( event ){
$(this).parent().toggleClass("done",this.checked );
event.stopPropagation();
});
// $( "li" ).click( function () {
// $( this ).toggleClass( "highlight" );
// } );
$("ol").on("click","li",function(){
$(this).toggleClass("highlight");
});
$("a.delete").click(function( event ){
if( confirm('¿Borrar la tarea?')){
$li = $(this).parent();
$li.slideUp(function(){ $li.remove();});
}
event.stopPropaga…
$('input[type="checkbox"]').click(function( event ){
$(this).parent().toggleClass("done",this.checked );
event.stopPropagation();
});
// $( "li" ).click( function () {
// $( this ).toggleClass( "highlight" );
// } );
$("ol").on("click","li",function(){
$(this).toggleClass("highlight");
});
$("a.delete").click(function( event ){
if( confirm('¿Borrar la tarea?')){
$li = $(this).parent();
$li.slideUp(function(){ $li.remove();});
}
event.stopPropaga…