Why don’t changes to jQuery $.fn.data() update the corresponding html 5 data-* attributes?

Normally, there’s not a need for roundtripping .data()‘s if you’re consistent in using .data() to access/set/modify data on DOM elements. For that reason, it makes sense to avoid the performance overhead of accessing the DOM for every .data() set/modify operation (.data() stores its values in jQuery.cache internally).

If you want to force the roundtrip behavior yourself, you could subscribe to the “setData” or “changeData” events and then push the .data() update in those events through to the corresponding DOM element via .attr().

Related Contents:

  1. popup when click link little like stackoverflow inbox in css
  2. jquery’s append not working with svg element?
  3. Auto-size dynamic text to fill fixed size container
  4. Click button copy to clipboard
  5. Selecting element by data attribute with jQuery
  6. Can I open a dropdownlist using jQuery
  7. Slide right to left?
  8. jQuery on window resize
  9. Prevent users from submitting a form by hitting Enter
  10. Show div on scrollDown after 800px
  11. Auto-scaling input[type=text] to width of value?
  12. Number input type that takes only integers?
  13. Find out whether radio button is checked with JQuery?
  14. jQuery find closest previous sibling with class
  15. Set selected option of select box
  16. Number nested ordered lists in HTML
  17. jquery – Click event not working for dynamically created button [duplicate]
  18. Submit form with Enter key without submit button? [duplicate]
  19. JQuery ui – date picker, disabling specific dates
  20. Jquery datepicker restrict dates in second date field based on selected date in first date field
  21. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  22. jQuery find element by data attribute value
  23. How can I show and hide elements based on selected option with jQuery?
  24. jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
  25. Add and remove a class on click using jQuery?
  26. How to set data attributes in HTML elements
  27. Can an iframe only show a certain part of the page?
  28. Cannot modify content of iframe, what is wrong?
  29. expand/collapse table rows with JQuery
  30. Run JQuery in the context of another frame
  31. How to bind to localStorage change event using jQuery for all browsers?
  32. .autocomplete is not a function Error
  33. How can I display a tooltip on an HTML “option” tag?
  34. Setting equal heights for div’s with jQuery
  35. jQuery select change show/hide div event
  36. jquery .slideToggle() horizontal alternative?
  37. Jquery and HTML FormData returns “Uncaught TypeError: Illegal invocation”
  38. HTML Attribute rel Errors using fancyBox
  39. iPad HTML Focus
  40. Resizable table columns with jQuery [closed]
  41. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  42. Merge values from two forms on submit
  43. Wrap elements inside a div using jQuery
  44. Remove span tag in string using jquery
  45. Remove elements with only a   space using jQuery
  46. DataTables – Not working when added colspan for the last column
  47. Code breaks when updating jQuery due to changes in toggle
  48. Find all unchecked checkboxes in jQuery
  49. How to preview selected image in input type=”file” in popup using jQuery? [duplicate]
  50. Jquery UI tooltip does not support html content

Leave a Comment