2017-08-26 27 views
0

J'utilise un thème avec Jslider this (coin inférieur droit).Jslider exécuter du code sur le changement

Je veux que le jslider.change cache tous les divs dont le prix des données est hors de la plage.

Pour cela, j'ont construit cette fonction:

function filterSystem(minPrice, maxPrice) { 
$("#carlist div.row-item").hide().filter(function() { 
var price = parseInt($(this).data("price"), 10); 
return price >= minPrice && price <= maxPrice; 
}).show(); 
} 

Avec le curseur de plage normale Jquery i peut déclencher que par l'intermédiaire de la glissière: function (event, ui) commande. Comment puis-je le déclencher via jslider?

Dans curseur de plage Jquery i utiliserais

  slide: function(event, ui) { 
       $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
       var mi = ui.values[ 0 ]; 
       var mx = ui.values[ 1 ]; 
       filterSystem(mi, mx); 
      } 

Kind merci!

+0

Pouvez-vous fournir un lien vers la documentation du curseur? – lscmaro

Répondre

1

Essayez ceci:

$(".selector").slider({ 
    onstatechange: function(value){ 
     console.dir(value); 
    } 
});