добавить WordPress ДОЛЖНОСТЬ с JQuery

Question

я хочу добавить название <?php the_title(); ?> после моего выбора с помощью JQuery

('a img').after('<span>the title here</span>'); 

Answer 1

PHP код интерпретируется на сервере, JQuery код в браузере (долго после того, как интерпретатор PHP закончил). Они не могут видеть друг друга.

Что вы можете сделать, это положить значение the_title() в некотором элементе на странице, а затем использовать JQuery, чтобы найти его и добавить его:

var title = $('#the_title').text(); 
$('a img').after('<span>' + title + '</span>'); 

[EDIT] Если у вас есть несколько названий, то вы должны сопоставьте их с изображениями как-нибудь. Есть много возможных способов сделать это:

• Вы можете отправить имя изображений на сервер PHP, иметь его искать название и отправить его обратно. Посмотрите $().json().

• Вы можете поместить все заголовки в какой-то фрагмент HTML, который вы делаете невидимым, обернув его в <div style="display: none;">. В вашем jQuery вы можете сопоставить изображения с заголовками.

Answer 2

Что сказал Аарон.

Но, возможно, используя атрибут пользовательских данных, поэтому (поэтому он проверяет в HTML5).

В вашем PHP:

<img data-title="<?php the_title(); ?>" src="..." /> 

-

В JavaScript (JQuery):

$('a img').each(function(){ 
    var title = $(this).attr("data-title"); 
    $(this).after('<span>' + title + '</span>'); 
}); 

-

непроверенная, но это идея. Протестировано.