2016-07-14 5 views
1

Началось создание пользовательского плагина таблицы базы данных в WordPress.Использование проверки javascript в разработке плагина WordPress

Когда я начал использовать JQuery в моем плагине, я начал получать УВЕДОМЛЕНИЕ ошибки как:

wp_enqueue_script был назван неправильно.

Мне нужна помощь в том, как вызвать jQuery/js в плагине WordPress.

Вот мой код проверки:

<script> 
    var jq = $.noConflict(); 
    jq(document).ready(function(){ 
     jq('#submit').click(function() { 

      //check whether browser fully supports all File API 
      if (window.File && window.FileReader && window.FileList && window.Blob) 
      { 

       //get the file size and file type from file input field 
       var fsize = jq('#File_Upload')[0].files[0].size; 

       if(fsize>5000000) //do something if file size more than 1 mb (1048576) 
       { 
        //alert ("Only the file less than 5 mb allowed to upload"); 
        //alert ('<?php echo "Only the file less than 5 mb allowed to upload";?>'); 
        jq('.file-upload-error').show(0).delay(10000).hide(0); 
        return false; 
       } 
       else 
       { 
        return true; 
       } 
      } 
     }); 
    }); 
</script> 

Приведенный выше код используется для проверки загрузки.

Благодаря

ответ

1

Сначала я немного изменился ваш JavaScript/JQuery код:

jQuery(document).ready(function($){ 

    console.log("plugin script loaded"); 
    $('#submit').click(function() { 

     //check whether browser fully supports all File API 
     if (window.File && window.FileReader && window.FileList && window.Blob) 
     { 

      //get the file size and file type from file input field 
      var fsize = $('#File_Upload')[0].files[0].size; 

      if(fsize>5000000) //do something if file size more than 1 mb (1048576) 
      { 
       console.log("Only the file less than 5 mb allowed to upload"); 
       $('.file-upload-error').show(0).delay(10000).hide(0);; 
       return false; 
      } 
      else 
      { 
       console.log("file is less than 5 mb allowed to upload"); 
       return true; 
      } 
     } 
    }); 
}); 

Это правильный путь для enqueuing с файла JavaScript для плагина:

add_action('wp_enqueue_scripts', 'custom_table_example_validation'); 
function custom_table_example_validation() { 
    wp_register_script('est_collaboration', plugins_url('/js/upload_valid.js', __FILE__), array('jquery')); 
    wp_enqueue_script('jquery'); 
} 

Это должно работать

+0

@WisdmLabs не работает – JMR

+0

Проверьте https: //codex.wordpress .org/Function_Reference/plugins_url сайт для plugins_url(). – WisdmLabs

+0

@ Loic Нет, его не работает; Я также пробовал пропустить абсолютный путь ... по-прежнему его не вызывал js-файл. – JMR

Смежные вопросы