Полоса прокрутки застревает с JQuery Показать и скрыть

Question

Я использую jQuery для показа и скрытия различных элементов div для разбиения на страницы контента. Однако сразу после выбора параметра, который показывает или скрывает элементы div (например, стр. 1, 2 или 3) и беспорядочно прокручивает вверх и вниз, вместо того, чтобы позволить мне прокручивать страницу вниз. Я понятия не имею, что могло бы делать это, и после поиска в Stack Overflow и в Google это, похоже, не является проблемой, с которой сталкивался кто-либо еще. У кого-нибудь есть совет, что может быть причиной этой проблемы и как ее исправить?

Answer 1

Попробуйте это:

$(".datepicker").focus(function () {
    parent = $(this);


    $("#ui-datepicker-div").position({
        my: 'left center',
        at: 'right center',
        of: parent
    });
});

Answer 2

Вы имеете в виду, что не хотите, чтобы страница перепрыгивала наверх? Если это так, то это происходит потому, что ваши <a> теги имеют href="#". Это нормальное поведение для браузеров, и вы можете проверить это на любом сайте. Просто прокрутите страницу вниз, добавьте хеш в конец URL и нажмите Введите , и браузер переместится в верхнюю часть страницы.

Вы используете jQuery для привязки функции к событию щелчка по тегам <a>, которые сначала выполняют функцию, а затем продолжают следовать href. Чтобы предотвратить это продолжение, вы можете либо return false; из функции, либо использовать встроенные функции jQuery preventDefault() и stopPropagation(), чтобы предотвратить поведение по умолчанию и остановите распространение события - см. event.preventDefault () против возврата false

Поэтому измените свой код на:

$("div.pages a.page1").click(function() {
    $("div.pd-item#tethco, div.pd-item#novi, div.pd-item#inna").show();
    $("div.pd-item:not(#tethco, #novi, #inna)").hide();
    return false;
});

А также сделайте то же самое для связанных функций a.page2 и a.page3, и страница больше не будет прыгать.