jQuery.sliderとAjaxページをリフレッシュして空白を描く

Question

これはほとんどの場合簡単な質問です。私は何らかの理由でこれを理解しようとすると脳が空白になっています。最悪の部分は、これまで前のプロジェクトでこれをやったことです。

私はラジオボタンの1セット、および5つのjQueryのスライダーを持っているページがあります。

とにかく、私は何をしようとしていることは次のようです。これにより、ユーザは検索のパラメータを調整することができます（ダイヤモンドを失う場合）。

スライダーの下に、検索結果が返されます。ユーザーがスライダーを調整するときに、スライダーStopイベントを使用して、フォーム変数を照会に送信して結果を更新する予定です。

私の人生のために、私はページ全体をリフレッシュせずに、これを行う方法を理解できないようです。私は結果をa内で更新しようとしましたが、何らかの理由で何も返されません。あなたは私が何をしようとしています何を見てみたい場合はここで

は私のテストサイトの場所は次のとおりです。ここで

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

は私がやろうとしているかを説明しようとしているJPGです：

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

皆様のお役に立てれば助かります。これは数日間私を悩ませています。私はiFramesから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(); 
    }); 
});