jQuery getting wrong value when getting data attribute-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

jQuery getting wrong value when getting data attribute

P粉052724364 2023-11-01 23:01:19

594

I have a div with data attributes

I have a script like this

$('button').click(function(){ var loc = $('.p1').data('location'); alert('data location is'+loc);//SHOW THE DATA var num = 10; var count = loc; var element = $('.p1'); var intv = setInterval(anim,1000); function anim(){ count++; num--; if(count==37){count = 1;} if(num==1){clearInterval(intv);} $(element).animateCSS('bounceOut',{ callback: function(){ $(element).attr('data-location',count); $(element).animateCSS('bounceIn'); } }); } anim(); });

With the above script, the data position property will be updated to 10, but if I click the button again, the data position is still 1

P粉052724364

reply all (1)

P粉1830770972023-11-02 15:33:37 1 floor

The first time.data()is used to access thedata-*property, the value of the property is cached internally by jQuery, and.data()Use caching from then on. Updating an attribute using.attr()will not update the cache, you need to use.data()to update it. That's why you need to use