將Gridster插入WordPress後端

Question

我一直試圖將Gridster包含到我的WordPress後端，但它根本無法工作。前端工作正常，但我不明白爲什麼，因爲這些文件實際上在以下目錄中。

第一種方式我試了一下：

function add_my_scripts() { 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script("gridster-script", plugins_url('/js/jquery.gridster.min.js', __FILE__ ), array('jquery')); 
    wp_enqueue_script("gridster-script-extra", plugins_url('/js/jquery.gridster.with-extras.min.js', __FILE__), array('gridster-script'), true); 
    wp_enqueue_script("gridster-script-custom", plugins_url('/js/gridster.js', __FILE__), array('jquery'), '1.0', true); 
} 

第二個：

function add_my_scripts() { 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('gridster-script', plugin_dir_url(__FILE__) . '/js/jquery.gridster.min.js', array('jquery')); 
    wp_enqueue_script('gridster-script-extra', plugin_dir_url(__FILE__) . '/js/jquery.gridster.with-extras.min.js', array('gridster-script')); 
    wp_enqueue_script('gridster-script-custom', plugin_dir_url(__FILE__) . '/js/gridster.js', array('jquery')); 
} 

第三和最後一個：

function add_my_scripts() { 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('gridster-script', get_template_directory_uri() . '/js/jquery.gridster.min.js', array('jquery'), '1.0.0', true); 
    wp_enqueue_script('gridster-script-extra', get_template_directory_uri() . '/js/jquery.gridster.with-extras.min.js', array('gridster-script'), '1.0.0', true); 
    wp_enqueue_script('gridster-script-custom', get_template_directory_uri() . '/js/gridster.js', array('jquery'), '1.0.0', true); 
} 

Answer 1

不能隨意使用插件URL的功能，需要爲您的用例選擇正確的一個。假設__FILE__正確指的是主插件文件，你需要掛接該功能進入admin_enqueue_scripts行動掛鉤：

function add_my_scripts() { 
    wp_enqueue_script("gridster-script", plugins_url('js/jquery.gridster.min.js', __FILE__ ), array('jquery')); 
    wp_enqueue_script("gridster-script-extra", plugins_url('js/jquery.gridster.with-extras.min.js', __FILE__), array('gridster-script'), true); 
    wp_enqueue_script("gridster-script-custom", plugins_url('js/gridster.js', __FILE__), array('jquery'), '1.0', true); 
} 
add_action('admin_enqueue_scripts', 'add_my_scripts');