*** Как подключать скрипт только если на странице есть определенный шорткод?

Question

[Roman]

Чтобы использовать jquery-ui-accordion нужно добавить на страницу javascript вида:

jQuery(function($){
	$(document).ready(function(){
		$( ".office-accordion" ).accordion({heightStyle: "content"});
	});
});

Не хочется через wp_enqueue_script() подключать отдельный файл ради 5 строчек.

Как вывести в конец страницы этот код, если на странице:
1. использован шорткод (м.б. has_shortcode)
или
2. вызван скрипт jquery-ui-accordion (м.б. wp_script_is)?

Спасибо!

Answer 1

[WP Panda]

Так правильно

function custom_shortcode_scripts() {
	global $post;
	if( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'custom-shortcode') ) {
		wp_enqueue_script( 'custom-script');
	}
}
add_action( 'wp_enqueue_scripts', 'custom_shortcode_scripts');

можно так

jQuery(function($){
  $(document).ready(function(){
function test(){
if( ! $( ".office-accordion" ).length ) return false;
    $( ".office-accordion" ).accordion({heightStyle: "content"});
}
test();
  });
});

Comments

[Roman]

WP Panda привет, спасибо за ответ! поясни что написано в строке

if( ! $( ".office-accordion" ).length ) return false;

[WP Panda]

jquery.page2page.ru/index.php5/%D0%A7%D0%B8%D1%81%...

если элементов в классом '.office-accordion' нет

Answer 2

[Павел Чесноков]

А можно в functions.php:

function has_shortcode_func($atts){
    $xhtml = '<script type="text/javascript"> jQuery(function($){ 
             jQuery(document).ready(function(){ 
             jQuery( ".office-accordion" ).accordion({heightStyle: "content"}); 
             }); });</script>';
    return $xhtml;
}
add_shortcode('has_shortcode', 'has_shortcode_func');

А на странице:
[has_shortcode]