功能，雖然它是

Question

我的劇本昨天做工精細，但今天，我得到一個錯誤：

wldk-kurser-admin.js?ver=4.7.5:13 Uncaught ReferenceError: handleSaveAllDokumenterAction is not defined 
    at HTMLDocument.<anonymous> (wldk-kurser-admin.js?ver=4.7.5:13) 
    at i (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,wp-ajax-response,plupload&ver=4.7.5:2) 
    at Object.fireWith [as resolveWith] (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,wp-ajax-response,plupload&ver=4.7.5:2) 
    at Function.ready (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,wp-ajax-response,plupload&ver=4.7.5:2) 
    at HTMLDocument.K (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,wp-ajax-response,plupload&ver=4.7.5:2) 

這是我的腳本

(function ($, context) { 
$(document).ready(function() { 

    // makers 
    listenOnDokumentChangeEvent(); 
    listenOnDokumentToggleEvent(); 

    handleAddDokumentAction(); 
    handleSaveDokumentAction(); 
    handleSaveAllDokumenterAction(); 
    handleRemoveDokumentAction(); 

    // fields 
    handleMediaUploadField(); 
}); 



function listenOnDokumentChangeEvent() { 
    $('.wldk-kurser-dokument').live('keyup change', function (e) { 
     // elements 
     var $wrapper = $(this); 
     var $dokument = $wrapper.find('input[name=dokument_id]'); 
     var dokumentId = $dokument.val(); 
     var $saveButton = $wrapper.find('.wldk-kurser-save-dokument'); 

     // show that some changes have taken place 
     if (e.type === 'change') { 
      $saveButton.addClass('g1gmap-needs-update'); 
     } 

     // data 
     var titel = $wrapper.find('[name=dokument_titel]').val(); 
     var fil_url =$wrapper.find('[name=dokument_fil_url]').val(); 



    }); 
} 


function listenOnDokumentToggleEvent() { 
    $('.wldk-kurser-dokument-toggle').live('click', function (e) { 
     $(this).parents('li').toggleClass('wldk-kurser-dokument-on wldk-kurser-dokument-off'); 
    }); 
} 

function handleAddDokumentAction() { 
    $('.wldk-kurser-add-dokument').click(function (event) { 
     event.preventDefault(); 

     var $wrapper = $(this).parents('#wldk-kurser-new-dokument'); 
     var $kursus = $wrapper.find('input[name=kursus_id]'); 
     var $nonce = $wrapper.find('input[name=update_nonce]'); 
     var $titel = $wrapper.find('input[name=dokument_titel]'); 
     var $fil_url = $wrapper.find('input[name=dokument_fil_url]'); 
     var kursus = $kursus.val(); 
     var titel = $titel.val(); 
     var fil_url = $fil_url.val(); 

     if (!titel || !fil_url) { 
      alert(g1_gmap_i18n.required_fields_missing_msg); 
      return; 
     } 


     // ajax call 
     var xhr = $.ajax({ 
      'type': 'POST', 
      'url' : ajaxurl, 
      'data': { 
       'action' : 'wldk_kurser_add_dokument', 
       'security' : $nonce.val(), 
       'ajax_data': { 
        'kursus_id': kursus, 
        'titel' : titel, 
        'fil_url' : fil_url, 
       } 
      } 
     }); 

     // success response 
     xhr.done(function (response) { 
      if (response === '0' && response === '-1') { 
       alert(g1_gmap_i18n.add_marker_error_msg); 
       return; 
      } 

      var $res = $(response); 

      $res.insertBefore($wrapper); 

      $wrapper.find('.wldk-kurser-dokument-toggle').trigger('click'); 
      $res.find('.wldk-kurser-dokument-toggle').trigger('click'); 

      handleMediaUploadField(); 

      // clear fields 
      $titel.val($kursus.val()); 
      $fil_url.val(''); 


     }); 
    }); 
} 

function handleSaveDokumentAction() { 
    $('.wldk-kurser-save-dokument').live('click', function (event) { 
     event.preventDefault(); 

     // elements 
     var $wrapper = $(this).parents('.wldk-kurser-dokument'); 
     var $saveButton = $wrapper.find('.wldk-kurser-save-dokument'); 
     var $nonce = $('#wldk-kurser-new-dokument').find('input[name=update_nonce]'); 

     // data 
     var dokumentId = $wrapper.find('input[name=dokument_id]').val(); 
     var titel = $wrapper.find('input[name=dokument_titel]').val(); 
     var fil_url = $wrapper.find('input[name=dokument_fil_url]').val(); 

     // validation 
     if (!titel || !fil_url) { 
      alert(g1_gmap_i18n.required_fields_missing_msg); 
      return; 
     } 

     // indicate saving action 
     $saveButton.addClass('g1gmap-marker-saving'); 

     // ajax call 
     var xhr = $.ajax({ 
      'type': 'POST', 
      'url' : ajaxurl, 
      'data': { 
       'action' : 'wldk_kurser_save_dokument', 
       'security' : $nonce.val(), 
       'ajax_data': { 
        'id'  : dokumentId, 
        'titel'  : titel, 
        'fil_url'  : fil_url, 
       } 
      } 
     }); 

     // success response 
     xhr.done(function (response) { 
      $wrapper.find('.wldk-kurser-save-dokument') 
       .removeClass('g1gmap-needs-update') 
       .removeClass('g1gmap-marker-saving'); 

      if (response === '0' && response === '-1') { 
       alert(g1_gmap_i18n.save_marker_error_msg); 
       return; 
      } 
     }); 
    }); 
} 

function handleSaveAlldokumenterAction() { 
    $('.wldk-kurser-save-all-dokumenter').on('click', function (event) { 
     event.preventDefault(); 

     $('.wldk-kurser-dokument .wldk-kurser-save-dokument').trigger('click'); 
    }); 
} 

function handleRemovedokumentAction() { 
    $('.wldk-kurser-remove-dokument').live('click', function (event) { 
     event.preventDefault(); 

     if (!confirm(g1_gmap_i18n.remove_marker_confirm_msg)) { 
      return; 
     } 

     var $wrapper = $(this).parents('.wldk-kurser-dokument'); 
     var $dokument = $wrapper.find('input[name=dokument_id]'); 
     var $nonce = $('#wldk-kurser-new-dokument').find('input[name=update_nonce]'); 
     var dokumentId = $dokument.val(); 

     // ajax call 
     var xhr = $.ajax({ 
      'type': 'POST', 
      'url' : ajaxurl, 
      'data': { 
       'action' : 'wldk_kurser_remove_dokument', 
       'security' : $nonce.val(), 
       'ajax_data': { 
        'id': dokumentId 
       } 
      } 
     }); 

     // success response 
     xhr.done(function (response) { 
      if (response === '0' && response === '-1') { 
       alert(g1_gmap_i18n.remove_marker_error_msg); 
       return; 
      } 

      // remove edit form 
      $wrapper.remove(); 
     }); 
    }); 
} 


function handleMediaUploadField() { 
    $('.g1gmap-media-upload-field:not(.g1-events-bound)').each(function() { 
     var $field = $(this); 
     var $clearButton = $('.g1gmap-clear-button', $field); 
     var $value = $('input.g1gmap-media-upload-input', $field); 
     var $imagePath = $('.g1gmap-media-upload-image-path', $field); 
     var $preview = $('.g1gmap-media-upload-preview', $field); 

     $value.val() ? $clearButton.show() : $clearButton.hide(); 

     $field.addClass('g1gmap-events-bound'); 

     $('.g1gmap-clear-button', $field).click(function() { 
      $value.val(''); 
      $imagePath.val(''); 
      $clearButton.hide(); 
      $preview.empty(); 
      $(this).trigger('change'); 

      return false; 
     }); 
    }); 

    $('.g1gmap-media-upload-button').live('click', function() { 
     var $field_wrapper = $(this).parents('.g1gmap-media-upload-field'); 
     var $input = $field_wrapper.find('.g1gmap-media-upload-input'); 
     var $imagePath = $field_wrapper.find('.g1gmap-media-upload-image-path'); 
     var $preview = $field_wrapper.find('.g1gmap-media-upload-preview'); 
     var $clearButton = $field_wrapper.find('.g1gmap-clear-button'); 

     var frame = wp.media.frames.file_frame = wp.media(
      { 
       title : 'Select media', 
       button : { 
        text: 'Save' 
       }, 
       multiple: false 
      } 
     ); 

     frame.on('open', function() { 
      var id = $input.val(); 

      if (id) { 
       var selection = frame.state().get('selection'); 
       var attachment = wp.media.attachment(id); 

       if (attachment) { 
        attachment.fetch(); 
       } 

       if (selection) { 
        selection.add(attachment ? [ attachment ] : []); 
       } 
      } 
     }); 

     frame.on('select', function() { 
      var attachment = frame.state().get('selection').first().toJSON(); 

      var path = ''; 
      var $img = $('<img>'); 

      if (typeof attachment != 'undefined') { 
       if (typeof attachment.sizes !== 'undefined' && typeof attachment.sizes.full !== 'undefined') { 
        $img.attr('src', attachment.sizes.full.url); 
        path = attachment.sizes.full.url; 
       } else { 
        $img.attr('src', attachment.url); 
        path = attachment.url; 
       } 
      } 

      $input.val(attachment.id); 
      $imagePath.val(path); 
      $preview.html($img); 
      $clearButton.show(); 

      // in some cases, wp media upload doesn't close properly 
      // so we close it manually 
      $('.media-modal-close:first').trigger('click'); 
      $field_wrapper.trigger('change'); 
     }); 

     frame.open(); 

     return false; 
    }); 
} 

})(jQuery, window); 

，因爲我不明白函數被定義並且handleAddDokumentAction和handleSaveDokumentaction不會導致任何問題。我相信這是一個小而微不足道的東西，但我看不到它。我特別困惑，因爲它似乎昨天工作得很好。 相關PHP：

public function ajax_add_dokument() { 
     check_ajax_referer('wldk-kurser-update-dokumenter', 'security'); 

     $ajax_data = $_POST['ajax_data']; 
       $meta_data = array(
      'titel'  => '', 
      'fil_url'  => '', 
     ); 

     $meta_data['titel'] = $ajax_data['titel']; 
     $meta_data['fil_url'] = $ajax_data['fil_url']; 

     $post_data = array(
      'post_status' => 'publish', 
      'post_type' => 'wldk_kurser_dokument', 
      'post_title' => $meta_data['titel'], 
     ); 

     $post_id = wp_insert_post($post_data); 

     if ($post_id === 0) { 
      die(); 
     } 



     update_post_meta($post_id, '_wldk_kurser_dokument', $meta_data); 
     update_post_meta($post_id, '_wldk_kurser_dokument_titel', 
$meta_data['titel']); 
     update_post_meta($post_id, '_wldk_kurser_dokument_fil_url',    
$meta_data['fil_url']); 
     update_post_meta($post_id, '_wldk_kurser_dokument_kursus_id', 
$ajax_data['kursus_id']); 

     echo $this->render_dokument_markup(get_post($post_id)); 
    } 

    public function ajax_remove_dokument() { 
     check_ajax_referer('wldk-kurser-update-dokumenter', 'security'); 

     $ajax_data = $_POST['ajax_data']; 

     $post_id = $ajax_data['id']; 

     if (! $post_id) { 
      die(); 
     } 

     $post = get_post($post_id); 

     if ($post->post_type === 'wldk_kurser_dokument') { 
      // our built-in marker can be removed 
      $post = wp_delete_post($post_id, true); 

      if (! $post) { 
       die(); 
      } 
     } else { 
      // we can't remove post, we can only remove its marker metadata 

     } 

     echo 'Dokument successfully removed.'; 
    } 

    public function ajax_save_dokument() { 
     check_ajax_referer('wldk-kurser-update-dokumenter', 'security'); 

     $ajax_data = $_POST['ajax_data']; 

     $post_id = $ajax_data['id']; 

     unset($ajax_data['id']); 

     if (! $post_id) { 
      die(); 
     } 

     $post = get_post($post_id); 


     update_post_meta($post_id, '_wldk_kurser_dokument', $ajax_data); 
     update_post_meta($post_id, '_wldk_kurser_dokument_titel', 
$ajax_data['titel']); 
     update_post_meta($post_id, '_wldk_kurser_dokument_fil_url', 
$ajax_data['fil_url']); 

     echo 'Dokument successfully updated.'; 
    } 
    public function wldk_kurser_dokumenter_meta_box(){ 
// Add an nonce field so we can check for it later. 
     wp_nonce_field('wldk_kurser_dokumenter_meta_box', 
'wldk_kurser_dokumenter_meta_box_nonce'); 
/* 
     // post stored data 
     $values = get_post_meta($post->ID, '_g1_gmap', true); 

     // defined defaults 
     $defaults = $this->get_map_fields_defaults( 
'g1_gmaps_map_markers_meta_box'); 

     // apply filter on defaults 
     $defaults = apply_filters('g1_gmaps_map_markers_defaults', 
$defaults); 

     // merge values from the database with defaults (on first load in db 
there are no values) 
     $values = wp_parse_args($values, $defaults); 
*/ 
     $args = array(
      'meta_key' => '_wldk_kurser_dokument_kursus_id', 
      'meta_value' => $post->ID, 
      'post_type' => 'wldk_kurser_dokument', 
      'orderby' => 'ID', 
      'order'  => 'ASC', 
      'posts_per_page' => - 1, 
     ); 

     $dokumenter = get_posts($args); 

     // new marker 
     $ajax_nonce = wp_create_nonce('wldk-kurser-update-dokumenter'); 
     ?> 

     <ul class="wldk-kurser-dokumenter"> 
      <?php foreach ($dokumenter as $dokument): ?> 
       <?php echo $this->render_dokument_markup($dokument); ?> 
      <?php endforeach; ?> 

      <li class="wldk-kurser-dokumenter-new wldk-kurser-dokument-off" 
id="wldk-kurser-new-dokument"> 
       <div class="wldk-kurser-dokument-toggle"><?php echo _e( 
'Tilføj nyt dokument', 'g1_gmaps'); ?></div> 
       <div class="wldk-kurser-dokument-content"> 
        <table class="form-table"> 
         <tbody> 
          <tr valign="top"> 
           <th valign="top"> 
            <label>Titel<span class="required">* 
</span></label> 
           </th> 
           <td> 
            <input data-g1-label-for="new-marker" 
type="text" name="dokument_titel" value="" /><br /> 
           </td> 
          </tr> 
          <tr valign="top"> 
           <th scope="row"> 
            <label>Dokument<span class="required">* 
</span></label> 
           </th> 
           <td> 
            <input data-g1-label-for="new-marker" 
type="text" name="dokument_fil_url" value="" /><br /> 
           </td> 
          </tr> 
         </tbody> 
        </table> 

        <p class="wldk-kurser-dokument-actions"> 
         <a href="#" class="button button-small wldk-kurser- 
add-dokument">Tilføj</a> 
         <input type="hidden" name="update_nonce" value="<? 
php echo esc_attr($ajax_nonce); ?>" /> 
         <input type="hidden" name="kursus_id" value="<?php 
echo esc_attr($post->ID); ?>" /> 
        </p> 
       </div> 
      </li> 
     </ul> 

     <p class="wldk-kurser-dokumenter-actions"> 
      <a href="#" class="button wldk-kurser-save-all-dokumenter">Gem 
alle Dokumenter</a> 
     </p> 
    <?php 
    } 
protected function render_dokument_markup($post) { 
     $id = $post->ID; 

     $values = get_post_meta($id, '_wldk_kurser_dokument', true); 

     $marker_type_label = ''; 

     if ($post->post_type !== 'wldk_kurser_dokument') { 
      $obj    = get_post_type_object($post->post_type); 
      $marker_type_label = ' (' . $obj->labels->singular_name . ')'; 
     } 
     ?> 
     <li class="wldk-kurser-dokument wldk-kurser-dokument-off"> 
      <div class="wldk-kurser-dokument-toggle"><?php echo esc_html( 
$values['titel']); ?></div> 
      <div class="wldk-kurser-dokument-content"> 
       <table class="form-table"> 
        <tbody> 
         <tr valign="top"> 
          <th scope="row"> 
           <label>Titel</label> 
          </th> 
          <td> 
           <input type="text" name="dokument_titel" 
value="<?php echo $values['titel']; ?>" /><?php echo esc_html( 
$marker_type_label); ?> 
          </td> 
         </tr> 
         <tr valign="top"> 
          <th scope="row"> 
            <label>Dokument<span class="required">*</span></label> 
           </th> 
           <td> 
            <input data-g1-label-for="new-marker" type="text" name="dokument_fil_url" value="<?php echo $values['fil_url']; ?>" /><br /> 
           </td> 
         </tr> 
        </tbody> 
       </table> 

       <input type="hidden" name="dokument_id" value="<?php echo esc_attr($id); ?>" /> 

       <p class="wldk-kurser-dokument-actions"> 
        <a href="#" class="button button-small button-primary wldk-kurser-save-dokument">Gem</a> 
        <a href="#" class="button button-small wldk-kurser-remove-dokument">Slet</a> 
       </p> 

      </div> 
     </li> 
    <?php 
    } 

Answer 1

你剛纔錯字錯：

更換的handleSaveAlldokumenterAction塊具有以下內容：

function handleSaveAllDokumenterAction() { 
$('.wldk-kurser-save-all-dokumenter').on('click', function (event) { 
    event.preventDefault(); 

    $('.wldk-kurser-dokument .wldk-kurser-save-dokument').trigger('click'); 
}); 
} 

Answer 2

var test=function(){ 
 
    alert('here'); 
 
} 
 
(function ($, context) { 
 
    $(document).ready(function() { 
 
     test(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

，當你把它叫做你的函數沒有定義。 嘗試用全局變量定義一個函數，並且可以從任何地方調用它。未定義的問題不會出現那麼