Есть ли способ загрузить JS скрипт для плагина в HEAD на WP без правки functions?

Question

[coderisimo]

Пишу плагин для WP.
Прописываю в самом плагине подключение нужных скриптов через :

wp_enqueue_script('jquery-ui-tabs');
 wp_enqueue_script('jquery-ui-dialog');
//далее
 add_action( 'wp_enqueue_scripts', 'my_scripts' );

пытался цепляться к разным хукам, но в результате всегда скрипты подключаются в футере. Соответственно , моя разметка грузится быстрее , чем нужный JS , что в данном случае приводит к корявостям в отображении тех же табов. Можно ли инструментами только плагина, без правки functions, грузить нужные скрипты в HEAD ?
Спасибо.

Comments

[Сергей]

Пишите скрипт, который может работать в body. Есть же всякие домреади и документ.лоад

[coderisimo]

что вы имеете ввиду?

Answer 1

[WP Panda]

Jquery Ui грузится в футер по умолчанию, для переподключения надо переопределить это дело.

// в админке осталяем как было
    if( ! is_admin() ) { 
//переопределяем загрузку ядра
    wp_deregister_script( 'jquery-ui-core' );
    wp_enqueue_script( 'jquery-ui-core', site_url(  '/wp-includes/js/jquery/ui/core.min.js' ), array('jquery') );
//переопределяем загрузку api виджетов
    wp_deregister_script( 'jquery-ui-widget' );
    wp_enqueue_script( 'jquery-ui-widget', site_url(  '/wp-includes/js/jquery/ui/widget.min.js' ), array('jquery') );
// табы
    wp_deregister_script( 'jquery-ui-tabs' );
    wp_enqueue_script( 'jquery-ui-tabs', site_url(  '/wp-includes/js/jquery/ui/tabs.min.js' ), array('jquery') );
//диалог
    wp_deregister_script( 'jquery-ui-dialog' );
    wp_enqueue_script( 'jquery-ui-dialog', site_url(  '/wp-includes/js/jquery/ui/dialog.min.js' ), array('jquery') );

}

Comments

[coderisimo]

спасибо за развернутый объект. меня смущает, что и мой собственный скрипт не грузится в хед. Я проводил эксперимент ) . Все же похоже, что в самом плагине (без других правок кода) скрипт загрузить в хед нельзя.

[WP Panda]

coderisimo: а у вашего скрипта есть зависимость от чего то?

[coderisimo]

А ! Есть! От Jquery , Tabs и Dialog. Значит наличие зависимостей влияет на очередность загрузки?

[WP Panda]

Да, и если скрипты от которых есть зависимость грузятся в футер, то и ваш скрипт туда же после них.
Соответственно, что бы грузить его в хэдер надо добавить, то что я написал выше

Answer 2

[Alex]

По умолчанию скрипты должны выводится в Хедере https://codex.wordpress.org/Function_Reference/wp_... если поставить последний параметр в true тогда будет в футере. Возможно у вас какой то плагин, или в теме прописан вывод в футере.

Comments

[Alex]

это встроенные библиотеки. возможно в вордпресе они по умолчанию в футер выводятся или тянутся за вашим скриптом. попробуйте им указать falsк по идее должно прокатить.

[coderisimo]

Скорее всего дело не в этом. Мой скрипт (fitness_calc/fitness_calc.js) в вордпресе не по умолчанию. Я попробовал его грузить в хед. Тот же эффект. А что такое falsк ? Киньте ссылкой плз

[Alex]

coderisimo: false имел ввиду. принудительно указать им грузится в хедере.

[coderisimo]

$in_footer
(boolean) (optional) Normally, scripts are placed in of the HTML document. If this parameter is true, the script is placed before the end tag. This requires the theme to have the wp_footer() template tag in the appropriate place. Default: false ,

но я попробовал )) безрезультатно. скорее всего когда дело доходит до плагина хед уже готов.

Answer 3

[coderisimo]

тема дефолтная в том то и дело (((

function my_scripts(){

wp_enqueue_style('fitness_calc_css',plugins_url('fitness_calc/ui/jquery-ui.css'));
wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-tabs');
wp_enqueue_script('jquery-ui-dialog');
wp_enqueue_script('jquery-ui-tooltip');
wp_enqueue_script('fitness_calc',plugins_url('fitness_calc/fitness_calc.js'),array(),false,true);
}

add_action( 'wp_head', 'my_scripts' );

хуки пробовал и другие . ума не приложу куда копать ((

Answer 4

[Алексей Николаев]

Рабочий вариант. Скрипты \ стили всегда должны подключаться через wp_enqueue_scripts \ wp_enqueue_styles соответственно.

function my_scripts() {
    wp_enqueue_script(
        'fitness_calc', 
        plugins_url('fitness_calc/fitness_calc.js'), 
        array(), null,
        false // этот - последний - параметр указывает, в футере выводить или нет
    );
}
add_action('wp_enqueue_scripts',  'my_scripts', 100);

Соответственно , моя разметка грузится быстрее , чем нужный JS

А вообще, это нормально, равно как и размещение скриптов в футере. Почему бы не активировать js-логику (табы, как пример) только когда DOM будет готов к этому, а скрипты загрузятся?.. До этого момента показывать пользователю разметку + начальное активное состояние (выделенный таб, например), либо, если это невозможно - прелоадер. Например, добавить класс .loader, и убирать его при загрузке.

Выносить скрипт в шапку в подавляющем большинстве случаев костыль и неправильно.