Problema lancio due funzioni

[snaturone]

Salve a tutti, ho due funzioni ajax, una con $(document).ready(function() {..... e l'altra a parte nello stesso file.js. Funzionano benissimo. Quando lancio però la seconda (dofilter), la prima non funziona più. Perché?

Riporto di seguito l'intero codice, se qualcuno sa darmi qualche consiglio.

		$(document).ready(function() {
		  $(".color-item").click(function() {
			  
			$(this).prevAll().remove('.color-checked');
			$(this).nextAll().remove('.color-checked');
			var myTitle = $(this).attr('title');
			$(this).before('<div class="color-checked" title="' + myTitle + '"></div>');
			$(this).parent().prevAll().remove('.fast-shipping');
			
			var product_id = $(this).parent().parent('li').attr('id');
			var option_id = $(this).attr('class').replace('color-item ','');
			
			$.ajax({	
				type: "POST",
				url: "ajax_index.php?action=change_thumb",
				data: {product_id:product_id, option_id:option_id},
				cache: false,
				success: function(html){
					$('#' + product_id).find('.product-thumb').replaceWith(html);
				}
			});
		
		  });
		});

		function dofilter(action, sortorder){
			var data = $("#filter").serialize();
			var url = "ajax_index.php?action=" + action + "&sort_order=" + sortorder + "&" + data;
			$('#loading').fadeIn('fast');
			$(".products").load(url, function() {
				$('#loading').fadeOut('fast');
			});
		}

[cavicchiandrea]

Non è che dofilter modifica/sovrascrive $(".color-item")?

[snaturone]

dofilter riscrive l'HTML che include .color-item, ma la funzione che regola .color-item dovrebbe comunque funzionare se l'HTML è lo stesso, no?

[cavicchiandrea]

Cosa centra se HTML è lo stesso al caricamento della pagina (pertanto non un evento statico effettivo sull'elemento) associ un evento ad un elemento, poi ricarichi l'elemento e speri che mantenga un evento "fittizio", non è cosi.
La contro prova l'hai inizialmente funziona poi no

[snaturone]

uhm capisco.... ma come potrei risolvere? Non ne ho la più pallida idea...

[Vindav]

io ti consiglio di controllare la console js, gestisci inoltre l'errore nelle chiamate ajax e posta la parte html interessata

[cavicchiandrea]

O non modifichi l'elemento scorporandolo dal blocco di modifiche, oppure riscrivi l'evento in linea <elemento onclick=".....">

[snaturone]

Sì, ho dovuto immettere le prime istruzioni in una funzione e richiamarla tramite onClick inline.
Grazie mille, sei stato preziossisimo!