Помогите с AJAX

Народ подскажите как правильно выводить блоки через AJAX в WP

если вот такой алгоритм:

1. Создаю в папке с шаблоном фаил ajax.php с таким содержимым

Код: [развернуть]

<?php /* Template Name: AJAX */ ?> здесь то что хочу вывести

2. Создаю страницу в WP используя шаблон AJAX

3. Пподключаю jQuery

4. Создаю JS фаил с таким содержимым и подключаю его

Код: [развернуть]

(function($) { $(function() {   $("#test").load("http://domain/page/"); }) })(jQuery)

Так вот вопрос, как выводить созданный блок с помощью AJAX в нужном мне месте, какой код нужен?

ВСЕМ семок кто поможет

в $("#test").load("http://domain/page/"); замени #test на селектор "нужного места".

если #test менять нельзя, тогда $("селектор-нужного-места").html($("#test").html())

всё равно не ясно как выводить - я не прогер, я знаю что выводят вот так в подобных случаях <div id="AJAX"></div>, но почемуто не работает.

это

Код:

(function($) { $(function() {    $("#test").load("http://domain/page/"); }) })(jQuery)

означает "поместить html код http://domain/page/ в элемент с id=test".

вставь в страницу <div id="test"></div>

Подскажите ещё плиз для уменьшения нагрузки на сайт, какой путь ставить в head для вывода JS файлов - абсолютный или относительный?

И можно ли как-то скомпоновать, скрыть или оптимизировать вывод? А то выводятся 4 блока сразу и это выглядит вот так, т.к каждый может посмотреть его.

вывожу вот так:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts1.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts2.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts3.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts4.js"></script>


на выходе получается:

<script type="text/javascript" src="http://www.domain.com/wp-content/themes/template/scripts1.js"></script>
<script type="text/javascript" src="http://www.domain.com/wp-content/themes/template/scripts2.js"></script>
<script type="text/javascript" src="http://www.domain.com/wp-content/themes/template/scripts3.js"></script>
<script type="text/javascript" src="http://www.domain.com/wp-content/themes/template/scripts4.js"></script>

nikista писал:

Подскажите ещё плиз для уменьшения нагрузки на сайт, какой путь ставить в head для вывода JS файлов - абсолютный или относительный?

без разницы.

nikista писал:

И можно ли как-то скомпоновать, скрыть или оптимизировать вывод?

gzip компрессию настроить для скриптов правильно. Но это больше к админам.

nikista писал:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts1.js"></script> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts2.js"></script> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts3.js"></script> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts4.js"></script>

склей все скрипты какие возможно в один файл

склеить не получается т.к все блоки в разных частях страницы, насколько может помочь gzip?

так это обычно делается плагином который на лету меняет содержимое страницы
например https://wordpress.org/plugins/autoptimize/

nikista писал:

склеить не получается т.к все блоки в разных частях страницы, насколько может помочь gzip?

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

ok, с этим ясно, а как быть когда выводишь через AJAX менюшку с эффектами (в том числе и адаптивными)?

Пробую выводить через AJAX и все эффекты и адаптивность пропадают((

ап