Использование JavaScript в WordPress: добавьте все плагины jQuery или есть способ условно загрузить?

Question

Я относительно новичок в тематике WordPress и JavaScript, хотя и не компетентен ни в одном из них.

Я хочу, чтобы в блоге было максимум 10 плагинов jQuery, но мне интересно, есть ли способ загрузить их только тогда, когда это необходимо, так как я не хочу ненужной загрузки для пользователей .

Нечто похожее в том, что я знаю немного больше, будет условными комментариями в IE <!--[IF IE]> @import ie.css <![endif]-->.

Answer 1

Загрузка их, когда они необходимы, является лучшей практикой. Вы можете обратиться к странице Кодекса Условий WordPress , которая предоставит документацию и примеры того, как выполнять код для каждой страницы.

Например:

if(is_page('about-us'))
{
     echo '<script type="text/javascript" src="myScript.js"></script>';
}

Вы можете загружать любой вид текста, кода или сценариев, используя эти условия для каждой страницы, типа страницы и даже таксономии (категории и теги). Не забывайте, что вы можете использовать это с логическими операторами, чтобы действительно поднять его на ступеньку выше.

Answer 2

Вы можете сделать так, чтобы jQuery сам загружал новые плагины, но вам нужно будет убедиться, что вы пытаетесь использовать их только после загрузки. Вы захотите использовать $.getScript() для этого и обязательно использовать только свои плагины, начиная с обратного вызова.

$.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: 'pink' }, 1000)
      .animate( { backgroundColor: 'blue' }, 1000);
  });
});

Надеюсь, это поможет.

Answer 3

Я бы сказал проще.

Если плагины не являются большими (размером более 20 КБ каждый), я бы поместил их все в файл 1 js и загрузил его на каждую страницу. Пользователь должен кэшировать файл после первого обращения, и у вас есть только 1 запрос против 10 при загрузке страницы.