Bagaimana cara enqueue JavaScripts dalam sebuah plugin

Saya banyak kesulitan saat ini bekerja termasuk memasukkan file JavaScript dalam folder plugin.

Saya mencoba membuat plugin dengan mentransfer file widget dari direktori tema. Saya menyalin file widget, tetapi file widget itu tergantung pada file JavaScript jadi saya membuat folder / js / di direktori plugin. tempat file ini dihosting "jquery.repeatable.js"

Saya menggunakan kode ini, tetapi sepertinya tidak termasuk file js -

function Zumper_widget_enqueue_script()
{   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js' );
}
add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script');

Saya mencari ini di forum- /programming/31489615/call-a-js-file-from-a-plugin-directory

Tapi tetap saja ini tidak membantu.

Saya meringkas kembali pertanyaan saya. Di direktori plugin saya ada file js di bawah folder ini - / js /

Saya ingin memasukkannya apa proses yang benar, apakah saya perlu mendaftarkan sesuatu juga?

Apakah ada yang salah dengan bagian ini - 'admin_enqueue_scripts'?

Kode Anda tampaknya benar, tetapi itu akan memuat skrip hanya di area admin karena Anda sedang membuat skrip admin_enqueue_scriptsberaksi .

Untuk memuat skrip di frontend, gunakan wp_enqueue_scriptstindakan (yang tidak sama dengan wp_enqueue_script()fungsinya ):

function Zumper_widget_enqueue_script() {   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js' );
}
add_action('wp_enqueue_scripts', 'Zumper_widget_enqueue_script');

Selain itu, skrip itu tampaknya tergantung pada jQuery, jadi Anda harus menyatakan bahwa dependencie atau skrip dapat dimuat sebelum jQuery dan itu tidak akan berfungsi. Juga, saya sangat menyarankan untuk mendeklarasikan versi skrip. Dengan cara ini, jika Anda memperbarui skrip ke versi baru, browser akan donwload lagi dan membuang salinan yang mungkin ada di cache.

Misalnya, jika versi skrip adalah 1.0:

function Zumper_widget_enqueue_script() {   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js', array('jquery'), '1.0' );
}
add_action('wp_enqueue_scripts', 'Zumper_widget_enqueue_script');

Jika Anda ingin memuatnya di area admin:

function Zumper_widget_enqueue_script() {   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js', array('jquery'), '1.0' );
}
add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script');

DIPERBARUI:

Gunakan kode ini sebagai gantinya

function Zumper_widget_enqueue_script()
{   
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js', array('jquery'), '1.0.0', false );
}
add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script');

Parameter ke-3 adalah mendeklarasikan dependensi dan parameter ke-4 adalah menentukan versi.

Setel parameter wp_enqueue_script()ke -5 menjadi true. Itu artinya, file ini akan dimuat di footer.

Saya biasanya menggunakan metode plugins_url () untuk mencapai enqueue.

function Zumper_widget_enqueue_script()
{   
    wp_enqueue_script( 'my_custom_script', plugins_url('js/jquery.repeatable.js', __FILE__ ), '1.0.0', false );
}
add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script');