Проблема в jQuery при изменения атрибут элемента: почему не изменяется?

Question

[Дилик Пулатов]

Здравствуйте!
например у меня есть див с атрибутом
<div data-status="true">content</div>
и я изменил тру на фалс при клике кнопке
но после этого если ещё раз нажму на кнопке то все равно выдаёт тру а в htmlе стоит фалс
чего я не то сделал?

Comments

[Lynn «Кофеман»]

Где код?

[Дилик Пулатов]

Алексей Тен: код обязательно?

[IceJOKER]

Дилик Пулатов: ну или можем гадать......

[Lynn «Кофеман»]

Дилик Пулатов: у меня где-то ошибка, но код я вам не покажу.

Ну и ищите ошибку в своём коде сами.

[Дилик Пулатов]

Алексей Тен: например вот такой код

$('.list-tab a').click(function(){
		alert($('div').data('status'));
		if($('div').data('status') == true){
			$('div').attr('data-status','false');
		}else{
			$('div').attr('data-status','true');
		}
	});

[IceJOKER]

Дилик Пулатов: попробуйте так:

$('.list-tab a').click(function(){
    alert($('div').data('status'));
    if($('div').data('status') == 'true'){
      $('div').attr('data-status','false');
    }else{
      $('div').attr('data-status','true');
    }
  });

[Дилик Пулатов]

IceJOKER: а что я написал там на верх?

[IceJOKER]

Дилик Пулатов: обратите внимание на if(СЮДА)

Answer 1

[IceJOKER]

https://jsfiddle.net/7qL33z1z/

Comments

[Дилик Пулатов]

$('.block-menu.list-tab a').click(function (e) {
  e.preventDefault();
  var id = $(this).attr('href'),action = $(this).data('action');
  alert($(id).attr('data-load'));
  if($(id).data('load') === true){
  	return true;
  }else{
  	$.ajax({
			url: "/content/get-tab-content",
			data: {'action':action,_csrf:csrfToken},
			method: "POST",
			dataType: "json",
			success: function(data){
				alert(data.res);
				if(data.res == 'success'){
					alert(data.content);
					$(id).html(data.content);
					$(id).attr('data-load','true');
					return true;
				}else{
					return false;
				}
			},
			error: function(){
				alert('error');
			}
		});
  	return false;
  }
})

вот код
при клике все равно вернёт фалс

[IceJOKER]

Дилик Пулатов: https://jsfiddle.net/7qL33z1z/1/

[Дилик Пулатов]

IceJOKER: в алерте вернёт тру но иф не работает....то есть аякс запрос снова работает не смотря в атрибуте стоит труе

[IceJOKER]

Дилик Пулатов: вы код запускали?
у меня поочередно показывает true/false/true/false

В своем коде замените все $.data на $.attr , я не силен в тонкостях JS, но data как-то странно работает

[Дилик Пулатов]

IceJOKER: кстати разница среди true и 'true'?

[IceJOKER]

Дилик Пулатов: строка и булев тип?
$.data возвращает bool
$.attr возвращает string

нет времени ковыряться что да как, но мой код работает, адаптируйте свой код или поиграйтесь с типами

[Дилик Пулатов]

IceJOKER: да пробовал изменит дату на аттр.....и труе изменил на 'true' работает
спасибо