it-roy-ru.com

URL-адрес пути WordPress в файле сценария js

Я добавил собственный скрипт: 

wp_enqueue_script('functions', get_bloginfo('template_url') . '/js/functions.js', 'search', null, false);

Это прекрасно работает, за исключением functions.js у меня есть:

Reset.style.background = "url('../images/searchfield_clear.png') no-repeat top left";

Раньше это работало до тех пор, пока я не перешел на милые постоянные ссылки и .htaccess

Иерархия папок выглядит так:

themename/js themename/images (изображения и папка js находятся в папке themename)

Я пытался ../images - ./image -/images 

Обычно он должен вернуться на 1 уровень, где находится файл JS ....

Я не хочу использовать полный путь.

Есть ли другой способ, которым WordPress может распознать в файле javascript правильный путь?

В настоящее время я просто запутался, что я делаю неправильно.

42
Cam

Вы можете избежать жесткого кодирования полного пути, установив переменную JS в заголовке вашего шаблона перед вызовом wp_head(), содержащую URL-адрес шаблона. Подобно:

<script type="text/javascript">
var templateUrl = '<?= get_bloginfo("template_url"); ?>';
</script>

И используйте эту переменную для установки фона (я понимаю, что вы знаете, как это сделать, я включаю эти детали только в том случае, если они помогают другим):

Reset.style.background = " url('"+templateUrl+"/images/searchfield_clear.png') ";
61
AJJ

Согласно документации Wordpress, вы должны использовать wp_localize_script() в вашем файле functions.php. Это создаст объект Javascript в заголовке, который будет доступен вашим сценариям во время выполнения.

Смотрите Кодекс

Пример:

<?php wp_localize_script('mylib', 'WPURLS', array( 'siteurl' => get_option('siteurl') )); ?>

Чтобы получить доступ к этой переменной в Javascript, вы просто должны сделать:

<script type="text/javascript">
    var url = WPURLS.siteurl;
</script>
94
Chris
    wp_register_script('custom-js',WP_PLUGIN_URL.'/PLUGIN_NAME/js/custom.js',array(),NULL,true);
    wp_enqueue_script('custom-js');

    $wnm_custom = array( 'template_url' => get_bloginfo('template_url') );
    wp_localize_script( 'custom-js', 'wnm_custom', $wnm_custom );

и в custom.js

alert(wnm_custom.template_url);
23
keithics

Если файл javascript загружен с панели администратора, эта функция javascript даст вам корень вашей установки WordPress. Я часто использую это, когда создаю плагины, которые должны делать ajax-запросы от панели администратора.

function getHomeUrl() {
  var href = window.location.href;
  var index = href.indexOf('/wp-admin');
  var homeUrl = href.substring(0, index);
  return homeUrl;
}
2
Jam Risser

Для пользователей, работающих с платформой Genesis.

Добавьте следующее к вашей дочерней теме functions.php

add_action( 'genesis_before', 'script_urls' );

function script_urls() {
?>
    <script type="text/javascript">
     var stylesheetDir = '<?= get_bloginfo("stylesheet_directory"); ?>';
    </script>
<?php
}

И используйте эту переменную, чтобы установить относительный URL в вашем скрипте. Например:

Reset.style.background = " url('"+stylesheetDir+"/images/searchfield_clear.png') ";
0
Toine Pel