1

3つのスライド（イントロ、質問、送信）のスライダーがあります。

今、私は質問が間違って答えられた場合、人々が提出するためにスライドできないことを確認したいと思います。

スライドを移動する機能は次のようになります。

function changeSlide(slide){

        // In case current slide is question check the answer
        if (jQuery('.modalSteps li.current',base).hasClass('questionStep')){
            checkAnswer(jQuery('input[name="question_id"]',base).val(), jQuery('input[name="answer"]:checked',base).val());
        }

        jQuery('.modalSteps li.current',base).fadeOut('fast',function(){
            jQuery(this).removeClass('current');
            jQuery(slide).fadeIn('fast',function(){
                jQuery(slide).addClass('current');
            });
        });

        // In case the new slide is question, load the question
        if (jQuery(slide).hasClass('questionStep')){
            var country = jQuery('input[name="country"]:checked',base).val();
            loadQuestion(country);
        }
    }

最初の行でわかるように、私は関数checkAnswerを呼び出しています。この関数は、質問のIDと回答のIDを取得し、それをAJAX呼び出しに渡します。

function checkAnswer(question, answer){
        jQuery.ajax({
            url: window.base_url+'ajax/check_answer/'+question+'/'+answer+'/',
            success: function(data){
                if (!data.success){
                    jQuery('.question',base).html(data.message);
                }
            }
        });
    }

私が抱えている問題は、私が言うことができないということです

if(checkAnswer(...)){}

Ajaxのため、常にfalseまたはundefinedを返します。私が必要としているのは次のようなものです。

 function changeSlide(slide){

        // In case current slide is question check the answer
        if (jQuery('.modalSteps li.current',base).hasClass('questionStep')){
            if (!checkAnswer(jQuery('input[name="question_id"]',base).val(), jQuery('input[name="answer"]:checked',base).val())){
              return false;
            }
        }
...

そのため、スライドが先に進むのを防ぎます。

考えてみると、「間違った答え」のようなスライドがあるので、そこにスライドを移動するだけでいいのですが、とにかく最初の解決策を見たいと思います。

4

1 に答える 1

1

ajaxのオプションasyncをfalseに設定して、サーバーからの応答を待つことができます。したがって、コードは次のようになります。

function checkAnswer(question, answer){
    result = false;
    jQuery.ajax({
        async: false,
        url: window.base_url+'ajax/check_answer/'+question+'/'+answer+'/',
        success: function(data){
            result = data.success
            if (!data.success){
                jQuery('.question',base).html(data.message);
            }
        }
    });

    return result;
}
于 2012-06-21T03:11:29.227 に答える