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

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

无论如何，我想做的是：

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

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

好吧，就我个人而言，如果整个页面都不刷新的话，我似乎不知道该怎么做。我曾尝试在一次更新中更新结果，但由于某种原因，没有返回任何结果

如果您想了解我正在尝试做什么，这里是我的测试站点位置：

以下是一位jpg试图解释我正在尝试做的事情：

我非常感谢你们能提供的任何帮助。这已经困扰我好几天了。我尝试了从iFrame到Ajax更新的一切。我似乎无法获得正确的组合，因此它使用更新的结果刷新div

再次感谢大家,， 德里克

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

PPS-

我尝试的最后一段ajax代码如下所示。它似乎没有任何作用

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

---

您是否尝试过将post事件放在“更改”事件中？您需要确定输入的选择器，但只要其中任何一项发生更改，都应在页面上提交表单以更新信息

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

---

我认为我遇到的问题是，页面实际上是在虚拟页面中显示的。这意味着搜索的内容实际上是一个index.php？information/diamonds。。。因此，它仍在尝试刷新整个页面。我把一个链接放到实际的网站上，这样你就可以看到我在说什么了：德里克，今晚我下班回家后会看一看这个，如果我发现有什么有用的，请告诉你。蔡斯，谢谢。事实上，你的代码帮助了我，我确实让它工作了。我必须以不同的方式引用处理页面。我的网址错了！！啊。。小虫子总是这样对我。谢谢你的帮助！相信我，我们都去过。很高兴你能让它工作！