cách sử dụng wp_localize_script trong mẫu trang tùy chỉnh (ok)

https://www.it-swarm.dev/vi/javascript/cach-su-dung-wp-localize-script-trong-mau-trang-tuy-chinh/963577751/

<?php

// Register the script
wp_register_script( 'some_handle', 'path/to/myscript.js' );

// Localize the script with new data
$translation_array = array(
'some_string' => __( 'Some string to translate', 'plugin-domain' ),
'a_value' => '10'
);
wp_localize_script( 'some_handle', 'object_name', $translation_array );

// Enqueued script with localized data.
wp_enqueue_script( 'some_handle' );
Hãy nhìn vào dòng 4 ở trên. Đầu tiên, một tệp JavaScript được đăng ký với $handle'some_handle'.

Tiếp theo, trên dòng 11, wp_localize_script() được sử dụng để đăng ký dữ liệu bản địa hóa cho tập lệnh xử lý 'some_handle' đã đăng ký trên dòng 4.

Cuối cùng, trên dòng 14, tệp JavaScript (đã đăng ký trên dòng 4) được xử lý. Vì wp_localize_script() đã được thông qua cùng $handle đã đăng ký trên dòng 4, WordPress tự động bao gồm dữ liệu được bản địa hóa trên mỗi trang mà wp_enqueue_script( 'some_handle' ); được gọi.

Nói cách khác, bạn cần sử dụng wp_localize_script với một tệp JavaScript đã đăng ký. Không phải chính nó như bạn đang làm hiện tại.

Trích dẫn này từ phần ghi chú nói nhiều hay ít điều tương tự:

QUAN TRỌNG! wp_localize_script () PHẢI được gọi sau khi tập lệnh đã được đăng ký bằng wp_register_script () hoặc wp_enqueue_script ().

Ví dụ:

Last updated