javascript - 调用 AJAX 时重新创建 jQuery UI 滑块

Question

我遇到了一个奇怪的问题（我可能只是不清楚 jQuery UI Slider 应该如何工作）。

我有以下内容：

//$.ajax is being called inside of button click
$.ajax({
    type : "POST",
    dataType : "json",
    url: 'url-here',
    data : {action: "search_stores"},
    beforeSend: function(){
        $('.table-block').addClass('loading');
    },
    success: function(result){
        $('.table-block').removeClass('loading');                                                       
    },
    error: function(respoonse){
        console.log(response);
    }                           
}); 

在准备好的 DOM 中：

$( "#slider" ).slider({
    value:5,
    min: 5,
    max: 50,
    step: 5,
    slide: function(e, ui) {        
        // radius.val(ui.value);
    }, stop: function(){
        // need to call in ajax
    }, create: function(e, ui){
        console.log("created");                                     
    }
});

每次发出 ajax 请求（通过元素单击），滑块都会重置并再次创建。我想在单击时保留滑块的值。我知道如何做到这一点，但我想防止在每次点击时重新创建滑块。