Jquery：如何在 Ajax 调用后使 Slider 工作？答案

【问题标题】：Jquery: How to make Slider working After Ajax call?Jquery：如何在 Ajax 调用后使 Slider 工作？
【发布时间】：2013-02-05 10:14:07
【问题描述】：

你好！

我有一个非常好的过滤器插件，我用 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 和 .delegate 没有成功（我不确定如何\在哪里使用它）

有什么建议吗？

非常感谢！！！

伊兰。

【问题讨论】：

标签： jquery-ui jquery jquery-slider

【解决方案1】：

两件事：

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

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

【讨论】：