Это мой 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>

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

Ошибка типа: $ (...). Смещение (...) не определено

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

0
user8330851 31 Авг 2017 в 12:10

3 ответа

Лучший ответ

Решил эту ошибку 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>

Таким образом кнопка ДОБАВИТЬ В КОРЗИНУ работает и все jQuery работают правильно на этой странице

1
6 Сен 2017 в 10:21

Решение 1

Удалить #

$("button").offset().top // or $(this).offset().top

решение 2

Добавить id="button"

<button id="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> 
1
Abderrahim Soubai Elidrissi 31 Авг 2017 в 09:14
$("#button").offset().top

Нужно быть:-

$("button").offset().top // or $(this).offset().top

Примечание. - . Вы также можете добавить id="button" к своей кнопке (если вы хотите, чтобы ваш собственный код работал нормально).

3
Anant Singh---Alive to Die 31 Авг 2017 в 09:33