jquery slider not loading through ajax div -
i have jquery slider works fine, when load through ajax targeted div not appear visible. scripts ajax , slider follows;
ajax
function showsearchoptions(search, distance) { if (window.xmlhttprequest) { // code ie7+, firefox, chrome, opera, safari xmlhttp = new xmlhttprequest(); } else { // code ie6, ie5 xmlhttp = new activexobject("microsoft.xmlhttp"); xmlhttp = new activexobject("microsoft.xmlhttp"); } xmlhttp.onreadystatechange = function () { if (xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.getelementbyid("searchoptions").innerhtml = ''; document.getelementbyid("searchoptions").innerhtml = xmlhttp.responsetext; } } xmlhttp.open("get", "search.php?ajax=yes&method=options&search=" + search + "&distance=" + distance, true); xmlhttp.send(); }
slider
$(document).ready(function () { $("#slider2").slider({ range: true, min: $minprice, max: $maxprice, values: [$minprice, $maxprice], slide: function (event, ui) { $("#amount").val($("#slider2").slider("values", 0)); $("#amount2").val($("#slider2").slider("values", 1)); $("#slidervalues").html("£" + $("#slider2").slider("values", 0) + " - £" + $("#slider2").slider("values", 1)); } }); $("#amount").val($("#slider2").slider("values", 0)); $("#amount2").val($("#slider2").slider("values", 1)); $("#slidervalues").html("£" + $("#slider2").slider("values", 0) + " - £" + $("#slider2").slider("values", 1)); });
thanks in advance.
Comments
Post a Comment