Почему не срабатывает .hasClass?

@ApachEsH · Регистрация: 28.09.2017

Студворк — интернет-сервис помощи студентам

Если быть точнее, то условие if срабатывает, а else не хочет. Хотя с console.log() и alert() все прекрасно работает. В чем может быть проблема?

HTML5
1
2
3
<div id="container">
  <button class="one">Тык</button>
</div>

JavaScript
1
2
3
4
5
6
7
8
$("button").click(function(){
  $('#container').toggleClass('go');
  if ($('#container').hasClass('go')){
    $('#container').load('button.html');
  } else {
    $('#container').load('button2.html');
  };
});

В button.html и button2.html просто кнопка с другими классами

@2849141 · 10.10.2017, 23:16

Попробуйте

HTML5
1
2
3
4
<div id="container">
  <button class="one">Тык</button>
</div>
<div id="error"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$("button").click(function(){
  $('#container').toggleClass('go');
  if ($('#container').hasClass('go')){
    $('#container').load('button.html');
  } else {
    $('#container').load('button2.html', function( response, status, xhr ) {
            if ( status == "error" ) {
                 var msg = "Sorry but there was an error: ";
                 $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
            }
      });
  }
});

@j2FunOnly · 11.10.2017, 10:09

ApachEsH, с помощью jQuery(selector).load() вы меняете содержимое элемента. В вашем случае после первого нажатия по кнопке эта кнопка заменяется содержимым button.html и, даже если там идентичная разметка, элементы уже будут другие, следовательно и клик будет происходить по другой кнопке. Навешивайте обработчики на неизменяемые элементы страницы.

JavaScript
1
2
3
4
5
6
7
8
$("#container").on('click', 'button', function(){
  $('#container').toggleClass('go');
  if ($('#container').hasClass('go')){
    $('#container').load('button.html');
  } else {
    $('#container').load('button2.html');
  };
});

Добавлено через 7 минут
Вот вам пример например. После первого клика не будет реагировать на клики по кнопке, хотя кажется что кнопка та же самая.

HTML5
1
2
3
<div id="container">
  <button id="btn-one">Click me</button>
</div>

JavaScript
1
2
3
4
5
$('button#btn-one').click(function () {
  alert('CLICK');
  var btn = '<button id="btn-one">Click me</button>'
  $('#container').html(btn);
});

Принцип тот же что и у вас.

@ApachEsH · 11.10.2017, 19:07 **[ТС]**

j2FunOnly, спасибо, что описали саму проблему. Это даже полезнее готового кода

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных выбран регистр накопления, в. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@ApachEsH 0 / 0 / 0 Регистрация: 28.09.2017 Сообщений: 41
	11.10.2017, 19:07 [ТС]
	j2FunOnly, спасибо, что описали саму проблему. Это даже полезнее готового кода 0

Почему не срабатывает .hasClass?

Решение