Custom elements ('x-') and JQM

Custom elements ('x-') and JQM

When a custom element is present in a 'paged' document, JQM enhancement copies the last (or the parent) element of 'x-container' to subsquent 'header', 'content' and 'footer' <div>s -

  1. <div data-role="page">
  2. <div data-role="header">...</div>
  3. <div data-role="content">...</div>
  4. <div data-role="footer">
  5. <x-container>
  6. <img src="../neither/here/nor/there/1.jpg">
  7. <img src="../neither/here/nor/there/2.jpg"></img>
  8. <img src="../neither/here/nor/there/3.jpg"></img>
  9. <img src="../neither/here/nor/there/4.jpg"></img>
  10. </img>
  11. </x-container>
  12. </div>
  13. </div>
  14. <div data-role="page">
  15. <div data-role="header">...</div>
  16. <div data-role="content">...</div>
  17. <div data-role="footer">...</div>
  18. </div>
The <img>s elements are 'enhanced' onto <div>s of the second 'page'.