11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis actuellement entrain de faire un script qui permet de trier les informations du contenu via un

	  <select id="filter_price">
	    <option>Trier par...</option>
      <option value="asc" id="price_asc">Trier par prix croissant</option>
      <option value="desc" id="price_desc">Trier par prix décroissant</option>
	  </select>



Le script marche parfaitement sur firefox/chrome mais je n'arrive pas à le faire fonctionner sur safari.


  function sortByPrice(a,b){
      return $(a).find('.price').text() > $(b).find('.price').text();
  }
  
  function sortByPriceDesc(a,b){
     return $(a).find('.price').text() < $(b).find('.price').text();
  }
  
  function reorderEl(el){
      var container = $('#tabs');
      container.html('');
      el.each(function(){
          $(this).appendTo(container);
      });
  }
  $('#filter_price').change(function(){
	    if ($("#filter_price option:selected").val()=='desc'){ 
		       reorderEl($('.global_product').sort(sortByPriceDesc));
	  }
		    else if ($("#filter_price option:selected").val()=='asc') 
		       reorderEl($('.global_product').sort(sortByPrice));
  });



Je ne vois pas de solution, si qq1 à une astuce ou autre.. Je suis preneur !

Merci
Modifié par artsx (08 Apr 2013 - 16:55)