使用 jQuery.slider 和 Ajax 页面刷新绘制空白

Question

我相信这个问题对大多数人来说很简单。出于某种原因，我在试图弄清楚这一点时大脑一片空白。最糟糕的是，我以前在以前的项目中做过这个。

无论如何，我要做的是以下内容：

我有一个页面，有 1 组单选按钮和 5 个 jQuery 滑块。这些允许用户调整搜索参数(丢失钻石(。

在滑块下方，我希望返回搜索结果。当用户调整滑块时，我计划使用滑块 Stop 事件将表单变量提交到查询，以更新结果。

好的，对于我的一生，如果没有整个页面刷新，我似乎无法弄清楚如何做到这一点。我试图在 a 中更新结果，但由于某种原因，没有返回任何内容。

如果您想

看看我正在尝试做什么，这是我的测试站点位置：

http://www.dawnwood.net/ds/diamonds.php

这是一个jpg，试图解释我想要做什么：

http://www.dawnwood.net/ds/example.jpg

我非常感谢你们可以提供的任何帮助。这已经困扰了我好几天了。我已经尝试了从iFrame到Ajax更新的所有内容。我似乎无法将正确的组合放在一起，因此它会使用更新的结果刷新div。

再次感谢大家，德里克

PS-现在页面上有一个提交按钮。那只是为了我的测试。当这实际起作用时，我计划不在那里。

.PPS-

我尝试的最后一段 ajax 代码如下。它似乎什么也没做。

$(document).ready(function(){
$.post('db_query.php', $("#epds").serialize(), function(data) {
                $('#search_results').html(data);
            });
});

Answer 1

您是否尝试过将发布事件放入更改事件中？您需要确定输入的选择器，但无论何时更改其中任何一个，它都应该在您的页面上提交表单以更新信息。

$(document).ready(function(){
   $(INSERT SELECTOR FOR YOUR SLIDERS).change(function(){
       document.forms["epds"].submit();
   });
});