WordPress - .js 파일의 고급 사용자 지정 필드

Question

나는 WordPress 페이지 템플릿을 기반으로 스크립트를 큐에 넣고 있는데 ACF 값을 반향 출력 할 수 있도록 스크립트가 필요합니다. 일을 더 복잡하게 만들려면, 동적으로 사용자 정의 필드 예컨대을 : 포함 HTML을 구축 파일 내 스크립트

innerHTML = '<img src="<?php echo the_field('ad_banner'); ?>"' 

가 그 HTML 문자열을 구축,은 .js 파일에 이러한 필드를 에코 할 수 있습니까? 나는 다음과 같은 wp_localize_script 사용하여 시도했지만 분명 뭔가 잘못하고있는 중이 야

:

wp_enqueue_script('pagination-retailers'); 
    wp_localize_script('pagination-retailers', 'script_vars', array(
    'banner' => get_field("ad_banner") 
    ) 
); 

정말 감사합니다

Answer 1

는 wp_localize_script()을 사용하면 그 이름이 두 번째 인수 인 객체 자바 스크립트를 생성 기능.

그래서 당신은 당신이 또한 당신의 페이지 소스 코드에서 개체를 확인할 수 있습니다이

innerHTML = '<img src="'+script_vars.banner+'"'; 

처럼 자바 스크립트 파일을 호출 할 수 있습니다. 그것은 js 파일 다음에있을 것입니다.