jquery jquery-mobile salesforce

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.

  1. Solución 1:

    • Modifique la configuración global en mobileinit , estableciendo ignoreContentEnabled 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">

  1. Solución 2:

    • Modifique los valores predeterminados del widget de página en mobileinit , configurando un .selector para keepNative . 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 clase native se mantendrán tal como están.

Manifestación