В конечном итоге моя цель - загрузить определенный шорткод Essential Grid (ESG) на основе значения, определенного Modernizr, который затем передается через Ajax в PHP, который определит и вернет необходимый шорткод.Я использую X-theme и шорткод должен находиться внутри элемента Content Area.Насколько я понимаю, это правильный путь для такого рода вещей, однако я все еще несколько новичок во всем веб-дизайне в целом, поэтому, возможно, я просто поступаю неправильно.
Для упрощения я просто сосредоточусь на загрузке шорткода ESG ([ess_grid alias = "photo-gallery"]) через Ajax.Я также закомментировал все дополнительные CSS на этой странице.
Итак, вот проблема, во-первых, у меня есть элемент Content Area с идентификатором: "gallery-test-area".
Далее у меня есть этот JS на этой странице:
jQuery.ajax({
url: "/wp-admin/admin-ajax.php",
data: {
action:'select_gallery_test_ajax',
},
success: function(results) {
jQuery('#gallery-test-area').html(results);
},
error: function(errorThrown) {
console.log(errorThrown);
}
});
Вот соответствующий PHP в файле «functions.php» моей дочерней темы:
function select_gallery_test_ajax() {
echo do_shortcode('[ess_grid alias="photo-gallery"]');
die();
}
add_action('wp_ajax_nopriv_select_gallery_test_ajax', 'select_gallery_test_ajax');
add_action('wp_ajax_select_gallery_test_ajax', 'select_gallery_test_ajax');
Когда вы переходите к содержаниюЭлемент Area вы можете видеть результат, и хотя большая часть кода там есть, он как будто загружается не полностью или что-то в этом роде.
ПРИМЕЧАНИЕ. Я также пытался использовать шорткод Slider Revolution вместо ESG, и это нелибо не загружается.
Это ошибка или я что-то не так делаю?Я пытался решить эту проблему в течение нескольких дней и перепробовал много разных решений, которые все потерпели неудачу, если они не предполагают немедленной загрузки шорткода ESG при загрузке страницы.Любые идеи приветствуются.Спасибо!