Checkbox no funciona

[snowdogs]

Buenas tardes amigos, tengo un problema y espero me puedan ayudar.

Poseo una lista de productos y a la izquierda de la pantalla tengo unos filtros (Talla, marcas, colores, categorias), estos filtros son checkbox.

En la primera carga obtengo todo perfecto, luego de seleccionar alguno de los filtros, por ejemplo la Talla M, guardo ese dato en el local storage y me recarga el trozo de html de la vista donde están los productos y donde estan estos filtros, hasta ahi todo perfecto, si selecciono otro filtro ya no hace nada, me imagino que fue porque recargue tambien el html donde estan los checkbox, esto lo hago, porque si yo recargo la pagina luego de haber seleccionado los filtros obtengo los datos del localstorage, los envio al servidor, y selecciono los que ya se habian seleccionado, dejo mi codigo a ver si me entienden mejor.

Código:

        var sizes      = [];
        var colors     = [];
        var categories = [];
        var brands     = [];

        if( JSON.parse(localStorage.getItem("sizes")) )
        {
            var sizes = JSON.parse(localStorage.getItem("sizes"));
        }

$(".sizes").on('change', function() {
            if( $(this).is(':checked') ) {

                sizes.push(parseInt($(this).val()));

                localStorage.setItem("sizes", JSON.stringify(sizes));

                $.post( '{{ route('view.products.post') }}', {sizes: sizes, colors: colors, categories: categories, brands: brands}, function(markup)
                {
                    $('#search-result').html(markup);
                });            
  
            } else {

                var index = sizes.indexOf($(this).val());

                sizes.splice(index, 1);

                $.post( '{{ route('view.products.post') }}', {sizes: sizes, colors: colors, categories: categories, brands: brands}, function(markup)
                {
                    $('#search-result').html(markup);
                });

            }
        });

en el markup obtengo el html de los filtros y de la seccion de los productos.

El problema esta, en que luego de la primera seleccion no funcionan los checkbox.

[PIRRUMAN]

esta parte poria causarte conflicto por las comillas simples, encierra en comilas dobles la propiedad

Código Javascript:

$.post( '{{ route('view.products.post') }}',
 

tambien te puede ser util debuguear con console.log() dentro del change ()

Código Javascript:

$(".sizes").on('change', function() {
console.log(localstorage)
 

para revisar que es lo que esta haciendo en cada cambio

[ArturoGallegos]

El código Javascript cargado en una consulta ajax no se ejecuta en muchos casos, la mayoría, tienes que separar tu código en archivos independientes.

con eso evitas que deje de funcionar,

@PIRRUMAN las llaves {{ route(...) }} es parte de blade en laravel, por lo que se interpreta y e imprime como un echo de PHP

terminara siendo
$.post( 'http://url.com/ruta'....


Si pretendes cargar contenidos con ajax, quizás seria bueno implementarlo con Vue ya viene integrado en laravel, también tienes reactJS muy facil de usar.