Новая тема   Ответить

 nikista
Народ подскажите как правильно выводить блоки через 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 в нужном мне месте, какой код нужен?

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

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

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

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

 johndoe2
это
Код:

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

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

 nikista

 nikista
Подскажите ещё плиз для уменьшения нагрузки на сайт, какой путь ставить в 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_m/scripts1.js"></script>
<script type="text/javascript" src="http://www.domain.com/wp-content/themes/template_m/scripts2.js"></script>
<script type="text/javascript" src="http://www.domain.com/wp-content/themes/template_m/scripts3.js"></script>
<script type="text/javascript" src="http://www.domain.com/wp-content/themes/template_m/scripts4.js"></script>

 Stek
nikista писал:
без разницы.


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

 rickdeckard
nikista писал:

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

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

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

 rickdeckard
nikista писал:

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

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

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

 nikista
ап