jQuery / Ajax代碼不適用於Firefox，但適用於其他瀏覽器

Question

我的問題是，我已經創建了一個輸入文本和一個按鈕，就像這張圖片一樣：

系統非常簡單，您輸入一個數字，然后使用ajax在數據庫中將此設置轉到go。 我在Chrome，Internet Explorer 9和Edge和Firefox（51.0.1（32位））上嘗試了此代碼，但似乎在Firefox上該代碼不起作用。 可能是什么問題？ 這是JavaScript代碼：

<script type="text/javascript">
                        $(document).ready(function () {

                            $("#set_image_pos_btn<?php echo $image->id; ?>").click(function () {
                                event.preventDefault();

                                var image_id = <?php echo $image->id; ?>;
                                var image_position = $("#image_position_value<?php echo $image->id; ?>").val();

                                $.ajax({
                                    url: '<?php echo base_url("image/pozitie"); ?>',
                                    data: {id: image_id, position: image_position},
                                    type: 'POST',
                                    success: function (data) {
                                        $("#image_position_value<?php echo $image->id; ?>").html(data);
                                    }
                                });

                            });

                        });
                    </script>

這是PHP代碼：

function pozitie() {
    $id = $this->input->post('id');
    $position = $this->input->post('position');

    if(isset($id)) {

        $update = $this->image_model->_update($id, array('position' => $position));

        if($update) {
            $image = $this->image_model->get_where_row('id', $id);
            echo $image->position;
        } else {
            echo "eroare";
        }


    }
}

Answer 1

將e參數添加到click事件中，然后它將起作用。

click(function (e) {

另外：您應該注意錯誤處理。

var jqxhr = $.ajax( "example.php" )
.done(function() {
  alert( "success" );
})
.fail(function() {
  alert( "error" );
})
.always(function() {
  alert( "complete" );
});