Intereting Posts
Установка текстового виджета только на одну страницу Передать логическое значение в shortcode Плагины скачать и установить отлично, обновление WordPress не удается Как разрешить пользователям следить за сообщением, а затем разрешать администраторам отправлять по электронной почте всех пользователей, которые следовали этому сообщению? Условный для одного сообщения, принадлежащего к категории? Добавление wp_link_pages к теме, которая, как представляется, отсутствует? Форматирование нескольких аргументов add_theme_support Бесплатная тема WordPress для учебного сайта интрасети WordPress как сервер для внешнего обслуживания? «Следующие записи» категории не называют category.php Как удалить автоматически сгенерированную разметку? Как рандомизировать отображаемое имя при регистрации? Wrap php в коротком коде WP_Query posts_per_page странное кэширование Замена для функции gallery_shortcode не принимает все атрибуты

Хороший прокрутить до 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