Intereting Posts
страница архива типа постпользователя имеет ошибку 404, хотя has_archive истинна В виджетах архива, как мне сортировать между двумя годами? Хостинг WordPress на Azure? Добавить Slug Metabox в сообщения для авторов Пользовательский цикл в дополнение к умолчанию на странице архива Указание нескольких категорий в URL (постоянная ссылка)? Значения заказа, внесенные в пользовательские таксономии Включите чат (HTML, js, css) на всех страницах WordPress Случайные символы в конце каждого URL-адреса изображения в сообщении Является ли плагин W3 Total Cache хорошим выбором для WordPress MultiSite? Обновления шаблонов WordPress, не отображаемые на мобильных устройствах Использование «setup_postdata» с «get_template_part» не работает Получение HTTP-ошибки 500 после переноса веб-сайта Как изменить текст: Нажмите «Название события» для описания / регистрации Пользовательская страница загрузки

прокрутите scrpit до определенной позиции кнопки до следующего идентификатора, когда нажмите кнопку

это мой jscript

<script> jQuery(document).ready(function($){ $("button").on('click', function(event) { event.preventDefault(); $('html, body').stop().animate({ scrollTop: $("#button").offset().top }, 1000); }); }); </script> 

это моя пользовательская кнопка

  <button name="button" style="margin: 9px 0 20px 0;padding: 3px 25px; background-color: red;color: white;font-weight: bold;" value="OK" type="button" >HAVE A QUESTIONS</button> 

и это положение нижней части прокрутки (чтобы прокрутить верхнюю кнопку до этого места)

 <!-- Have Question --> <div class="content-teaser container text-center"> <h3 class="text-red center-block text-center" id="button" >Have Questions?</h3> <p>Talk with someone on the team We're here to answer question</p> 

все работает хорошо, но консоль помещает эту ошибку

TypeError: $ (…). Offset (…) не определено

что это за ошибка, я не могу понять, что PLZ решила эту ошибку, потому что эта ошибка конфликтует с другим скриптом, и моя страница не работает

Solutions Collecting From Web of "прокрутите scrpit до определенной позиции кнопки до следующего идентификатора, когда нажмите кнопку"

Вы должны поместить всю функцию / скрипт внутри так называемого IIFE следующим образом:

 (function($){ //your code })(jQuery); 

В WordPress $ не привязан к jQuery по умолчанию из-за возможных конфликтов с другими библиотеками JavaScript.

эта ошибка jQuery …………..

 <script> jQuery(document).ready(function($){ $("button").on('click', function(event) { var target = $("#button"); if( target.length ) { event.preventDefault(); $('html, body').stop().animate({ scrollTop: target.offset().top }, 1000); } }); }); </script> 

таким образом, кнопка ADD TO CART работает и все jQuery работают правильно на этой странице