Jquery:如何使Slider在Ajax调用后工作

Question

你好

我有一个非常好的过滤器插件，我用Jquery UI Slider做的，下面是完整的代码和工作示例：

http://jsbin.com/epikam/1/edit

它工作得很好，唯一的问题是Ajax调用后不会更改项。。

这是Ajax调用：

$.ajax({
     url: "search.php",
     dataType: 'json',
     type: 'GET',
     data: "q="+value+"&category="+cat+"&country="+country+"&page="+page,
         success: function(data){
            globalRequest = 0;
            resultContainer.fadeOut('fast', function() {
    resultContainer.html('');
        for (var x in data) {                   
    var html = '<li class="item" data-type="league2" data-id="id-'+x+'" style="position: relative;">';
    html += '<label class="title"><a href="'+data[x].url+'" target="_blank">'+data[x].Title+'</a></label>';
    html += '<img src="'+data[x].img+'">';
    html += '<label class="price">New Price: '+data[x].newprice+'</label>';
        html += '</li>';
        resultContainer.append(html);
        }
    resultContainer.fadeIn('fast');
            });
              }
            });

我试着使用.live和.delete，但没有成功（我不知道如何在哪里使用）

有什么建议吗

非常感谢！！！

Eran。

Answer 1

两件事：

首先，检查成功函数是否在success:回调中使用类似console.log(data);的东西进行调用，并且没有错误阻止Ajax调用成功完成。在JavaScript控制台中，检查变量data是否已正确填充并包含您希望它包含的数据。

其次，在ajax成功调用中使用JQuery选择器而不是全局变量。例如，使用$("#resultContainer")（假设div的id为resultContainer）而不是变量resultContainer。