Я разрабатываю сайт WordPress, и мне нужно запустить пользовательскую прокрутку, чтобы запускать разные события и скрывать / показывать некоторые изображения, поэтому Waypoints.js идеально подходит для этого.
Однако я пробовал разные попытки заставить его работать безрезультатно. Я добавляю его как функцию в файл functions.php, например так:
function waypoints_method() {
wp_deregister_script('jquery');
wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js", false, null);
wp_enqueue_script('jquery');
wp_enqueue_script('waypoints', get_stylesheet_directory_uri() . '/vendor/waypoints/lib/jquery.waypoints.min.js');
}
add_action( 'wp_enqueue_scripts', 'waypoints_method' );
И тогда в JavaScript:
jQuery(document).ready(function($) {
$('.waypoint').waypoint(function() {
alert('You have scrolled to my waypoint.');
});
}
Единственное, что я получаю — это console.log при изменении размера браузера. Итак, что мне нужно сделать, чтобы это работало? Или есть какая-нибудь альтернатива Waypoints.js, которую я мог бы использовать?
Спасибо!
Waypoints использует $
чтобы получить доступ к jQuery, но с WordPress вам нужно ссылаться на jQuery как jQuery
,
Я обнаружил, что должен был использовать нет базовой версии Waypoints заставить его работать с WordPress.
Других решений пока нет …