Kaushik Ray
Ich möchte mein Jquery Mobile CSS und JS nur auf einige begrenzte Elemente und auf keine anderen Elemente auf der Seite anwenden. eine idee wie ich das machen kann.
Ich habe ein Salesforce-Standard-Kundenportal, in das ich eine Registerkarte mit Jquery, Mobile und CSS einfüge.
Wenn ich jetzt die Registerkarte im Kundenportal öffne, überschreibt sie den Salesforce-Standardstil.
Danke
Omar
Abhängig von der jQuery Mobile-Version, die Sie verwenden.
Lösung 1:
Ändern Globale Einstellungen an mobileinit, indem man es einstellt ignoreContentEnabled zu wahr. Dies wirkt sich jedoch negativ auf die App-Performance aus, da es die Verarbeitung/Initialisierung von Widgets/Elementen verlangsamt.
<head>
<script src="https://stackoverflow.com/questions/21184234/jQuery.js"></script>
<script>
$(document).on("mobileinit", function () {
$.mobile.ignoreContentEnabled = true;
});
</script>
<script src="jQuery-Mobile.js"></script>
<head>
Hinzufügen data-enhance="false" zu Elementen oder div, die Sie von jQM unberührt lassen möchten.
<div data-role="content" data-enhance="false">
<!-- elements -->
</div>
<input type="text" data-enhance="false">
Lösung 2:
Ändern Seite Widget ist standardmäßig aktiviert mobileinit, indem Sie a .Wähler Pro keepNative. Der .Wähler könnte ein sein <tag>, ein #id oder ein .class.
jQuery Mobile <= 1.3.x
<head>
<script src="https://stackoverflow.com/questions/21184234/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="https://stackoverflow.com/questions/21184234/jQuery.js"></script>
<script>
$(document).on("mobileinit", function () {
$.mobile.keepNative = $.mobile.keepNative + ", input, #foo, .native";
});
</script>
<script src="jQuery-Mobile.js"></script>
<head>
Wenn die Seite erstellt wird, input, Element mit #foo ID und Elemente mit native Klasse, bleibt unverändert.
Hier in dem von Ihnen erwähnten Beispiel kann ich angeben, wo natives Styling verwendet werden soll. kann es anders herum gemacht werden, als ob das Jquery-Styling angewendet werden soll? Danke
– Kaushik Ray
17. Januar ’14 um 12:00 Uhr
@KaushikRay Auf diese Weise ist dies nicht möglich, da Elemente standardmäßig verbessert werden, es sei denn, Sie weisen jQM an, dies nicht zu tun. Sie können die erste Lösung für vollständige div verwenden, Lösung zwei für bestimmte Elemente, Sie können auch beide Lösungen kombinieren.
– Omar
17. Januar 14 um 12:02 Uhr
.
welches Element?? welche Seite?? welches css?? Was JS??
– Milind Anantwar
17. Januar 14 um 10:59 Uhr
jQM-Version, mehr Details..
– Omar
17. Januar ’14 um 11:00 Uhr
nur $(selector).action() funktioniert dafür.
– Bhojendra Rauniyar
17. Januar 14 um 11:03 Uhr