Использование PHP в jQuery для ссылок на изображения, хранящиеся в каталоге шаблонов WordPress

Question

Я изо всех сил пытаюсь понять это. Я просто хочу добавить изображение (external.png) в конец внешних ссылок. Я помещаю изображение в каталог с именем img, хранящийся в моей теме WordPress. Если мой src к изображению прямой, он работает, но я бы предпочел использовать:

<?php bloginfo('template_directory') ?>

При вставке прямо в after () не сработало, я попробовал это:

$(document).ready(function() {
var templateDir = "<?php bloginfo('template_directory') ?>";
$('a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}).after('<img src="' + templateDir + '/img/external.png" />');

});

Но это тоже не сработало. Есть идеи? Заранее спасибо!

Answer 1

В WordPress правильный способ вставки php vars в javascript - через wp_localize_script().В вашем Functions.php (или в любом другом плагине).

<?php
$data = array( 'some_string' => __( 'Some string to translate' ) );
wp_localize_script( 'some_handle', 'object_name', $data );
?> 

При вызове wp_localize_script() создает глобальный объект JS, из которого вы затем можете извлекать переменные во время выполнения (на стороне клиента - используйтеFirebug, чтобы проверить дом JS, чтобы убедиться, что это счастье).

<script>
alert(object_name.some_string); // alerts 'Some string to translate'
</script> 

Дело в том, что вы должны определить переменные PHP на сервере, прежде чем они станут доступны на стороне клиента.

С другой стороны, вы можете взломать что-нибудь с помощью ajax. Но первое решение является предпочтительным методом в WP .

Приветствия