单击时jquery未返回正确的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了单击时jquery未返回正确的值相关的知识，希望对你有一定的参考价值。
我正在更新/添加ajax成功的数据属性。但问题是我使用点击处理程序获取更新的值。
Ajax成功更新值。
success: function(data) {
if (data) {
var max = container.find('.xyz').data('max');
rooty.attr('data-max', max);
}
}
我没有获得点击的更新值。
$(document).on('click', '.ash_loadmore:not(.disabled)', function(event) {
var me = $(this);
var button = me.parent().parent();
var cat = button.data('max');
});
我已经有了这个标记
<div class="container" data-max="5"></div>
我只是使用ajax成功回调更新值（5）。虽然它更新了值，但我仍然得到原始值（5）而不是更新的值。
答案
rooty.attr('data-max', max);
您正在混合使用data()和attr()。 jQuery的工作方式，一旦你调用data(key)它将缓存该值，为了性能。如果稍后使用attr()更改该值，则不会更新内部jQuery缓存，因此后续调用data(key)将返回缓存中的内容。
要避免这种情况，请坚持使用data()方法获取和设置数据属性，因为使用data(key, value)设置值会更新内部缓存。
rooty.data('max'); //getter
rooty.data('max', max); //setter
var $div = $('div');
console.log($div.attr('data-key'));
console.log($div.data('key'));
$div.attr('data-key', 'two');
console.log($div.attr('data-key')); //prints 'two' as that is the attr value
console.log($div.data('key')); //prints 'one' as that's the cache value
$div.data('key', 'three');
console.log($div.attr('data-key')); //prints 'two' as that's still the attr value
console.log($div.data('key')); //prints 'three' as that's the cache value<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-key="one"></div>以上是关于单击时jquery未返回正确的值的主要内容，如果未能解决你的问题，请参考以下文章
jquery $(window).width() 和 $(window).height() 在未调整视口大小时返回不同的值