Intereting Posts
Прикрепление носителя к пользовательским сообщениям без редактора Как использовать WP_Query на целевой странице CPT? ограничить категорию только зарегистрированным пользователем Установите высоту мета-окна категорий в панели сообщений Как определить плагины WP, используемые на сайте Храните текстовое сообщение WordPress в разделе «wp_posts» «Таблица базы данных Блокировка wp-admin, вызывающая ошибку HTTP при загрузке Добавить действие для создания нового сообщения после пожара wp_insert_post? Подумайте, что он создает бесконечную петлю Значение по умолчанию для add_settings_field В том числе таксономический термин до типа post разбивает страницы верхнего уровня Отображение разных ссылок на разные страницы Якорная строка текстового кода автоматически изменяется WordPress Ошибка базы данных WordPress (wp_terms) Как удалить файл CSS в родительской теме? Не удалось загрузить локальный сайт WordPress после изменения адреса (URL) и адреса сайта (URL)

Хороший прокрутить до WordPress

Я конвертирую html5 в тему WordPress. Я хочу использовать специальный свиток для WordPress. Код

ЗАВИСИМОСТИ Это плагин для фреймворка jquery, вам нужно включить jquery в свои скрипты.

я буду использовать

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

Будет ли это работать именно так? Что о нижнем коде?

 $(document).ready( function() { $("html").niceScroll(); } ); 

ПРИМЕРЫ 1. Простой режим, он стилирует панель прокрутки документа (предпочтительный элемент html):

Где ввести это, чтобы заставить его работать?

После enqueuing мне нужно снова его добавить в header.php Объяснение будет полезно.

Как использовать этот код?

 var seq = 0; $(document).ready(function() { $("html").niceScroll({styler:"fb",cursorcolor:"#000"}); $("#mainlogo img").eq(1).hide(); function goSeq() { var nxt = (seq+1)%2; $("#mainlogo img").eq(seq).fadeIn(2000); $("#mainlogo img").eq(nxt).fadeOut(2000); seq = nxt; setTimeout(goSeq,2500); }; goSeq(); $(window).load(function(){ setTimeout(function(){ $("#gmbox div").animate({'top':60},1500,"easeOutElastic"); },1500); }); function trackLink(link, category, action) { try { _gaq.push(['_trackEvent', 'tracklink' ,'click',link.href ]); setTimeout('document.location = "' + link.href + '"', 100) }catch(err){} } $('[rel="outbound"]').click(function(e){ try { _gaq.push(['_trackEvent','outbound','click',this.href]); }catch(err){} }); }); 

WordPress запускает jquery в режиме noconflicts, что означает, что вам нужно либо написать свой JS-код, используя вызов функции jQuery

 $(document).ready( function() { jQuery("html").niceScroll(); } ); 

или следующий синтаксис, который определяет $

 $(document).ready( function($) { $("html").niceScroll(); } ); 

В WordPress вы также можете поместить скрипт в заголовок.

Но как лучшая практика. Сохраните файл как script.js и вызовите свой скрипт с помощью

 <?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?> 

в functions.php

$ handle = name, все, что вы хотите.

$ src = где находится файл.

$ deps = dependencies, ваш скрипт зависит от jQuery. Поэтому сначала загрузите jquery, чем ваш код.

$ ver = версия вашего кода

$ in _footer = default – false, это означает, что ваш код помещается в заголовок.

Код для вас, введите функции functions.php

 if ( ! function_exists( 'your_enqueue' ) ) : function your_enqueue(){ wp_enqueue_script(' name ', get_template_directory_uri(). '/script.js' , array('jquery')), '1.0', false); } endif; add_action('wp_enqueue_scripts', 'your_enqueue'); 

то, что я написал выше, является одной из лучших практик для вставки javascript, который настоятельно рекомендуется для команды WordPress.

Пожалуйста, обратитесь к,

  1. http://codex.wordpress.org/Function_Reference/wp_enqueue_script
  2. http://codex.wordpress.org/Function_Reference/get_template_directory_uri