Как считать измененный атрибут?

Question

[denism300]

Есть скрипт, если упрощенно то так:

$(document).on('click', '.lk-messages a', function (e) {
    e.preventDefault();
    var container = $(this).closest('.lk-messages_main'),
        blocked_by = container.data('blocked');
    console.log(blocked_by);
		
    $.post('/wp-admin/admin-ajax.php',
        {
            'action': 'blocking',
            'blocked_by': blocked_by
        },
        function (r) {
		        container.data('blocked', r);
        }
    );
});

Если кликнуть по кнопке, значение атрибута изменится, но если кликнуть по кнопке еще раз, то берется значение то, которое было при загрузке страницы, т.е., изменения атрибута не учитываются. Как это исправить?

Comments

[x-Four-x]

Попробуйте заменить var на let.

[denism300]

x-Four-x, не помогло

[Михаил Ливач]

Если кликнуть по кнопке, значение атрибута изменится

как Вы это определили?
Добавьте отладку:

function (r) {
            console.log('new value for blocked: ', r);
            container.data('blocked', r);
            console.log('new value of blocked: ',  container.data('blocked') );
        }

- что покажет?

[denism300]

как Вы это определили?

в консоли, в разделе "Элементы" видно, что атрибут элемента изменяется

Отладка

Answer 1

[nowm]

У jQuery есть проблемы с кэшированием в data. Я когда работал с ним, всегда старался делать что-то вроде container.attr('data-blocked'), чтобы не ловить самые неожиданные глюки.

// Прочитать значение data-blocked
container.attr('data-blocked');

// Установить новое значение data-blocked
container.attr('data-blocked', 'some value');

Comments

[denism300]

спасибо!
Заменил
container.data('blocked');
на
container.attr('data-blocked');
заработало.