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.