Jquery CSS and JS to limited elements [closed]

Answer 1

Depending on jQuery Mobile version you're using.

1. Solution 1:

   • Modify Global Settings on mobileinit, by setting ignoreContentEnabled to true. However, this affects app performance negatively, as it slows down processing/initializing widgets/elements.

   • Add data-enhance="false" to elements or div you want to keep untouched by jQM.

---

2. Solution 2:

   • Modify page widget defaults on mobileinit, by setting a .selector for keepNative. The .selector could be a , an #id or a .class.

     • jQuery Mobile <= 1.3.x

     • jQuery Mobile >= 1.4.x

     When page is being created, input, element with #foo ID and elements with native class, will be kept as is.

---

Demo