잡히지 않은 ReferenceError : 함수가 정의되지 않았습니다. jQuery

Question

버튼을 클릭 할 때 jQuery 함수를 호출하려고합니다.

catch되지 않은 오류 ReferenceError을 : 다음과 같이하지만 오류를 얻고있다 update_question_ajax은 정의되지 않은

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; 
    } 
}); 

너희들이 나를 도와 주면 내가 감사 이것에 관해서.

감사합니다.

Answer 1

범위 문제인 것으로 보입니다. 기본적으로이 함수를 다른 함수 안에 정의했습니다. 당신은 또한 자바 스크립트 안에 PHP를 배치하지 않도록하려고합니다. 기술적으로는 작동하지만 실제로 좋은 형태는 아닙니다.

인라인 클릭 처리기를 제거했습니다.

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

그런 다음 우리는 자체 실행 함수를 만드는 jQuery를로 "$"를 사용하는 능력 안에 모든 것을 제공하는 등 $에 jQuery를 전달합니다. 그런 다음 버튼에 대한 클릭 핸들러를 정의하고 JS에서 혼합 된 PHP를 사용하여 DOM에 배치하는 대신 데이터 속성을 사용하여 ID를 전달하십시오. 조금 더 청결한 느낌. 또한 닫는 본문 바로 전에 문서 하단에 jquery/other 스크립트를로드했는지 확인하십시오. 이렇게하면 문서가 이미로드되어 있기 때문에 .ready가 필요하지 않습니다.

(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)); 

최근 질문

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

 관련 문제

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