Uncaught ReferenceError: Funktion ist nicht definiert jQuery

Question

Ich versuche, jQuery-Funktion aufzurufen, wenn auf die Schaltfläche geklickt wird. Aber ich erhalte die Fehlermeldung wie folgt:

Uncaught Reference: update_question_ajax ist nicht definiert

HTML:

<button type="button" class="update-question-<?php echo $i; ?> button" onclick="update_question_ajax(<?php echo $i; ?>)" style="outline: 0 none;"><?php _e('Update') ?></button> 

jQuery:

$(function(){ 
    function update_question_ajax(id) 
    { 
     var test = $('.edit-question-' + id + ' input[name="translated"]'); 
     var editedQuestionId = $('#question-id-'+id).val(); 
     var editedQuestionObj = $('.edit-question-' + id + ' input[name="translated"]').val(); 
     var modalObj = $('#myQuestionModal'); 

     $.ajax({ 
      type: "POST", 
      url: "<?php echo base_url('admin/question/admin_edit_question'); ?>", 
      data:{ 
       edited_question: editedQuestionObj, 
       question: editedQuestionId 
      }, 
      success: function(){ 
       modalObj.dialog('close'); 
       modalObj.html(''); 
      }, 
      complete: function(){ 
       //window.location.reload(true); 
      } 
     }); 
     return false; 
    } 
}); 

Ich schätze, wenn euch mir helfen darüber.

Vielen Dank!

Answer 1

Scheint, ein Bereichsproblem zu sein. Sie haben die Funktion im Wesentlichen in einer anderen Funktion definiert. Sie sollten auch versuchen, PHP in Javascript zu vermeiden. Technisch funktioniert es, ist aber nicht wirklich gute Form.

Der Inline-Click-Handler wurde entfernt.

<button type="button" class="update-question button" data-id="<?php echo $i; ?>" style="outline: 0 none;"><?php _e('Update') ?></button> 

Dann erstellen wir eine Selbst ausgeführte Funktion, übergeben jQuery in wie $, die alles in der Fähigkeit gibt, „$“, wie jQuery zu verwenden. Definieren Sie dann Ihren Click-Handler für die Schaltfläche und verwenden Sie ein Datenattribut, um die ID zu übergeben, anstatt PHP in Ihrem JS zu verwenden und es im DOM zu platzieren. Fühlt sich einfach ein bisschen sauberer an. Stellen Sie außerdem sicher, dass Sie jquery/andere Skripte direkt vor dem geschlossenen Text am unteren Rand des Dokuments laden. Auf diese Weise benötigen Sie kein .ready, weil Ihr Dokument bereits geladen ist.

(function($){ 
    // Define click handler. 
    $('button.update-question').on('click', function(e){ 
     e.preventDefault(); 
     var id = $(this).data('id'); 

     update_question_ajax(id); 
    }); 

    function update_question_ajax(id) { 
     var test = $('.edit-question-' + id + ' input[name="translated"]'), 
      editedQuestionId = $('#question-id-'+id).val(), 
      editedQuestionObj = $('.edit-question-' + id + ' input[name="translated"]').val(), 
      modalObj = $('#myQuestionModal'); 

     $.ajax({ 
      type: "POST", 
      url: "YOURURL", 
      data:{ 
       edited_question: editedQuestionObj, 
       question: editedQuestionId 
      }, 
      success: function(){ 
       modalObj.dialog('close'); 
       modalObj.html(''); 
      }, 
      complete: function(){ 
       //window.location.reload(true); 
      } 
     }); 
    } 

}(jQuery)); 

Letzte Frage

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Verwandte Themen

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.