parent jquery
Jquery CSS y JS a elementos limitados (1)
Deseo aplicar mi Jquery mobile CSS y JS solo a algunos elementos limitados y a ningún otro elemento en la página. alguna idea de cómo puedo hacer eso.
Tengo un Portal de clientes estándar de Salesforce en el que incluyo una pestaña que contiene Jquery, dispositivos móviles y CSS.
Ahora cuando abro la pestaña en el Portal del cliente, se reemplaza el estilo estándar de Salesforce.
Gracias
Dependiendo de la versión de jQuery Mobile que esté usando.
Solución 1:
Modifique la configuración global en
mobileinit
, estableciendoignoreContentEnabled
en verdadero . Sin embargo, esto afecta negativamente el rendimiento de la aplicación, ya que ralentiza el procesamiento / inicialización de widgets / elementos.<head> <script src="jQuery.js"></script> <script> $(document).on("mobileinit", function () { $.mobile.ignoreContentEnabled = true; }); </script> <script src="jQuery-Mobile.js"></script> <head>
Agrega
data-enhance="false"
a elementos o div que quieras mantener intactos por jQM.<div data-role="content" data-enhance="false"> <!-- elements --> </div> <input type="text" data-enhance="false">
Solución 2:
Modifique los valores predeterminados del widget de página en
mobileinit
, configurando un .selector parakeepNative
. El .selector podría ser una<tag>
, un#id
o una#id
.jQuery Mobile <= 1.3.x
<head> <script src="jQuery.js"></script> <script> $(document).on("mobileinit", function () { $.mobile.page.prototype.options.keepNative = $.mobile.page.prototype.options.keepNative + ", input, #foo, .native"; }); </script> <script src="jQuery-Mobile.js"></script> <head>
jQuery Mobile> = 1.4.x
<head> <script src="jQuery.js"></script> <script> $(document).on("mobileinit", function () { $.mobile.keepNative = $.mobile.keepNative + ", input, #foo, .native"; }); </script> <script src="jQuery-Mobile.js"></script> <head>
Cuando se está creando una página, la
input
, el elemento con#foo
ID y los elementos con la clasenative
se mantendrán tal como están.