Jquery/Ajax-Code nicht auf Firefox arbeiten, aber auf anderen Browser funktioniert

Question

Mein Problem ist folgendes, ich habe einen Eingabetext erstellt und eine Schaltfläche wie in diesem Bild:

Das System ist sehr einfach, Sie geben eine Zahl ein und Sie drücken, um diese Position mit ajax in die Datenbank zu setzen. Ich habe diesen Code mit Chrome, Internet Explorer 9 und Edge und Firefox (51.0.1 (32-Bit)) versucht, aber es scheint, dass auf Firefox der Code nicht funktioniert. Was könnte das Problem sein? Hier ist der Javascript-Code:

<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> 

Und hier ist der PHP-Code:

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

die E-Parameter auf das Click-Ereignis hinzufügen, dann wird es funktionieren.

click(function (e) { 

Auch: Sie sollten sich um die Fehlerbehandlung kümmern.

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