Не работает изменение значения атрибута data

@maruo · Регистрация: 26.04.2013

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

В непонятках я, почему не работает то

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$('.filter').on('click', 'button', function(){
 
    if($(this).data('toggle') == 'active'){
 
      $(this).data('toggle' , 'disable');
    }else if($(this).data('toggle') == 'disable'){
 
      $(this).data('toggle' , 'active');
    }
    
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<center class="filter">
            <button type="button" data-toggle="active" data-type="dota" class="btn btn-sm btn-default m5  ">
                <span class="fa fa-dota pr5"></span> Dota2 
                <span class="badge-rect badge-danger badge-count">4</span>
            </button>
            <button type="button" data-toggle="active" data-type="csgo" class="btn btn-sm btn-default m5 ">
                <span class="fa fa-csgo pr5"></span> CS:GO
                <span class="badge-rect badge-danger badge-count">3</span>
            </button>
            <button type="button" data-toggle="active" data-type="lol" class="btn btn-sm btn-default m5 ">
                <span class="fa fa-lol pr5"></span> LOL
                <span class="badge-rect badge-danger badge-count">3</span>
            </button>
            <button type="button" data-toggle="active" data-type="wot" class="btn btn-sm btn-default m5 ">
                <span class="fa fa-wot pr5"></span> WOT
                <span class="badge-rect badge-danger badge-count">3</span>
            </button>
            <button type="button" data-toggle="active" data-type="smite" class="btn btn-sm btn-default m5 ">
                <span class="fa fa-smite pr5"></span> Smite
                <span class="badge-rect badge-danger badge-count">3</span>
            </button>
            <button type="button" data-toggle="active" data-type="over" class="btn btn-sm btn-default m5 ">
                <span class="fa fa-overwatch pr5"></span> Overwatch
                <span class="badge-rect badge-danger badge-count">3</span>
            </button>
            <button type="button" data-toggle="active" data-type="hots" class="btn btn-sm btn-default m5 ">
                <span class="fa fa-hots pr5"></span> HOTS
                <span class="badge-rect badge-danger badge-count">3</span>
            </button>
            <button type="button" data-toggle="active" data-type="st2" class="btn btn-sm btn-default m5 ">
                <span class="fa fa-st2 pr5"></span> StarCraft2
                <span class="badge-rect badge-danger badge-count">3</span>
            </button>
        </center>

@Kraken73 · 25.07.2016, 08:35

У меня ваш код работает P.s. консоль смотрите

@maruo · 25.07.2016, 13:34 **[ТС]**

******73, Странно консоль пуста, но не отрабатывает
Условие то отрабатывает все нормально, а вот именно что бы изменилось значение дата нет

@Sergey Yermak · 25.07.2016, 13:56

Попробуйте так:

JavaScript
1
2
3
4
5
6
7
8
9
10
$('.filter').on('click', 'button', function(){
 
    if($(this).attr('data-toggle') == 'active'){
 
      $(this).attr('data-toggle' , 'disable');
    }else if($(this).attr('data-toggle') == 'disable'){
 
      $(this).attr('data-toggle' , 'active');
    }
});

@maruo · 25.07.2016, 14:05 **[ТС]**

Sergey Yermak, так я делал, data-toggle менялся на disable
А вот обратно на active нет, вот и не вьеду почему. Одинаковых классов более нету

@Sergey Yermak · 25.07.2016, 14:09

У себя проверял это, менялось и туда и обратно

@maruo · 25.07.2016, 14:19 **[ТС]**

Sergey Yermak, бред какой то, все перепроверил
на чистой странице делал, главное что, класс меняется все остальное тоже, а вот именно data нет

Через attr('data-toggle') Заработало, а вот почему data не срабатывает?

@BANO · 25.07.2016, 14:25

Сообщение от maruo

почему data не срабатывает?

потому что data - внутреннее хранилище jq, которое использует элементы как ключи к данным.
Оно никак с атрибутами не связано.

@maruo · 25.07.2016, 14:28 **[ТС]**

BANO, понял

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@Kraken73 105 / 93 / 50 Регистрация: 17.09.2015 Сообщений: 612
	25.07.2016, 08:35
	У меня ваш код работает P.s. консоль смотрите 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	25.07.2016, 13:34 [ТС]
	******73, Странно консоль пуста, но не отрабатывает Условие то отрабатывает все нормально, а вот именно что бы изменилось значение дата нет 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	25.07.2016, 14:05 [ТС]
	Sergey Yermak, так я делал, data-toggle менялся на disable А вот обратно на active нет, вот и не вьеду почему. Одинаковых классов более нету 0

@Sergey Yermak 123 / 62 / 37 Регистрация: 22.05.2016 Сообщений: 174
	25.07.2016, 14:09
	У себя проверял это, менялось и туда и обратно 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	25.07.2016, 14:19 [ТС]
	Sergey Yermak, бред какой то, все перепроверил на чистой странице делал, главное что, класс меняется все остальное тоже, а вот именно data нет Через attr('data-toggle') Заработало, а вот почему data не срабатывает? 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	25.07.2016, 14:28 [ТС]
	BANO, понял 0

Не работает изменение значения атрибута data

Решение