当第一次加载页面滑块工作正常但是当我更改滑块中的值时,在滑块的更改事件中有一个AJAX调用,并且在成功结果上我用结果替换了一些div内容。
但是在该AJAX调用成功结果后,该滑块未显示。
我已在该滑块功能中发出警报,同样的事情发生,在页面加载时所有警报都正常工作但在ajax调用后它们也无效。
见下面的代码:
$( "#slider-range" ).slider(
{
range: true,
min:min,
max:max,
values: [ selectedMinValue,selectedMaxValue ],
slide: function( event, ui )
{
//Note: Currency Custom formatting is not supported.
$( ".currentMinPrice" ).html( '@(Model.Context.CurrencySymbol) ' + ui.values[ 0 ]);
$( ".currentMaxPrice" ).html( '@(Model.Context.CurrencySymbol) ' + ui.values[ 1 ]);
},
change:function(event,ui)
{
alert("hello2");
var url=removeParameter('@(currentURL)',"price");
var newUrl=url.replace(/&/g,'');
if(isAjaxRequest)
{
callAjax(UpdateQueryString("price", ui.values[0] + "-" + ui.values[1],newUrl));
}
}
});
AJAX功能:
$.ajax(
{
url: url,
type: 'POST',
success: function (result)
{
// Result is in html
$('#div').replaceWith(result);
$('#ajax-loading').hide();
DisplayFilter();
//Lazy Loading
$("img.lazy").show().lazyload(
{
effect: "fadeIn"
});
$(window).trigger("scroll");
}
});
我使用jQuery 1.10.2,此代码已经在jQuery 1.7.2版本中工作。
为什么它不能在jQuery的1.10.2版本中运行?
请提出建议
谢谢大家 的问候,