1

チェックしたばかりの入力フィールドにクラスを追加したい部分を除いて、次のAJAXコードが正しく機能しています。

入力フィールド:

<input type="text" class="solution" id="input_rebus" name="answer" />

AJAX コード: 

        $('.solution').on("change", function(){             
                var form_data = {
                name: $(this).val(),
                ajax: '1'
                    };
                $.ajax({
                    url: "<?php echo site_url('homework/submit'); ?>",
                    type:'POST',
                    data: form_data,
                    success: function(msg){
                        $('#message').html(msg);
                        this.addClass('solution_correct');
                        //outputs: Correct!
                        },
                    error: function(msg){
                        $('#message').html(msg);
                        this.addClass('solution_wrong');
                        //outputs: Wrong! Try again!
                        }

                    });

                return false;
            });
        </script>

したがって、問題は "this.addClass('...'); $(this) を使用してみましたが、どちらも機能しませんでした。

それはおそらく本当に愚かなことですが、私には理解できないようです!

前もって感謝します ：）

4

2 に答える 2

0

やり方はこちら 

        $('.solution').on("change", function(){   
            var $self = $(this);         
            var form_data = {
            name: $(this).val(),
            ajax: '1'
                };
            $.ajax({
                url: "<?php echo site_url('homework/submit'); ?>",
                type:'POST',
                data: form_data,
                success: function(msg){
                    $('#message').html(msg);
                    $self.addClass('solution_correct');
                    //outputs: Correct!
                    },
                error: function(msg){
                    $('#message').html(msg);
                    $self.addClass('solution_wrong');
                    //outputs: Wrong! Try again!
                    }

                });

            return false;
        });
于 2013-06-08T14:44:41.240 に答える