1

Метод hide() отрабатывает, но элементы через доли секунды элементы опять отображаются. В чем проблема?

$(document).ready(function(){

    $("#search").click(function(){

        var name=$("input").val();

        $(".users_data").each(function(){
            if ($(this).children(".nickname").text()!==name){
                $(this).hide();
            }
        });

    });    

});

Пробовал и через .css({'display': 'none'}) и через .addClass('hidden') -- результат тот же. Использую Bootstrap3, может он опять возвращает видимость?

3
  • сюда бы минимальный воспроизводимый пример, но меня несколько смущает, что вы перебирая потомков одного из .user_data скрываете их все, а не только проверяемый. Это полный код? или все таки, там кроме hide, где то еще и show есть?
    – teran
    Commented 13 окт. 2017 в 20:10
  • Опечатка, там должно быть: $(this).hide(); Думаю, какая-то загвоздка в each(), потому что замена на $(this).remove(); приводит к аналогичному результату.
    – MV_Anton
    Commented 13 окт. 2017 в 20:25
  • Ты всегда скрываешь всех .users_data.
    – Qwertiy
    Commented 13 окт. 2017 в 20:43

1 ответ 1

1

но через доли секунды элементы опять отображаются. В чем проблема? ... замена на $(this).remove(); приводит к аналогичному результату.

<telepathy> Кнопка с id="search" на Вашей странице имеет type="submit" - явно прописанный или по умолчанию - и находится внутри тэга form. Код Вашего обработчика отрабатывает и прячет нужный элемент, но процесс сабмита формы продолжается своим чередом. В результате, в браузер загружается новая страница, где все элементы опять видимые. </telepathy>

Надо:

$("#search").click(function() {
  ...
  return false;
});    

или

$("#search").click(function(e) {
  e.preventDefault();
  ...
});    

или

<button id="search" type="button" ...</button>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.