When i toogle ionRangeSlider, rangebar broken! about ion.rangeslider HOT 9 CLOSED

Hi, you mean you show it from display:none state?

from ion.rangeslider.

hello friend
u can check it
http://ozgurkalyoncu.com/projects/renault2/

left side of web side
click Detaylı Arama

from ion.rangeslider.

Yes, you toggle them from display:none state.
To fix this problem, you need to call "update" method for them, after you show them.

from ion.rangeslider.

how friend can u let me know;

from ion.rangeslider.

Something like this:

$(".container").show("slow", function () {
    $("#yourRangeSlider").ionRangeSlider("update");
});

This code will launch slider update method after jQuery animation is finished.

from ion.rangeslider.

i listened u and added your update code to my toogle function on my button
u can see my code here.

but now button positions are not true
u can check it out
http://ozgurkalyoncu.com/projects/renault2/

$( ".btn-detail" ).click(function() {
$( ".gizli" ).toggle( "normal" );
$("#kmrange").ionRangeSlider("update");
$("#fiyatrange").ionRangeSlider("update");
});

from ion.rangeslider.

Close, but wrong :)

You should call update method then your toggle is finished:

$(".btn-detail").click(function() {
    $(".gizli").toggle("normal", function () {
        $("#kmrange").ionRangeSlider("update");
        $("#fiyatrange").ionRangeSlider("update");
    });
});

from ion.rangeslider.

thank you

it is much more better than jquerry ui
i hate it
thank you for your plugin

i hope you liked my design =)

from ion.rangeslider.

😄
thx for using. Design is good!

from ion.rangeslider.