Stand-Alone jQuery Mobile Widgets mit Minimal JS und CSS

Question

Ich möchte einige Komponenten von JQM in meiner nicht JQM responsiven Website verwenden, ohne bestehende Stile zu brechen und nur die minimale JS/CSS herunterzuladen, die ich brauche .

habe ich Any way to use jQuery mobile widgets independently? und Where can i get the standalone parts of jQuery Mobile? lesen. Ich habe eine Menge von Geigen gesehen, aber sie alle beinhalten die komplette jQuery Mobile js und CSS. (Ich will nicht die gesamte CSS, weil es meine bestehende Website CSS bricht und ich ziehe einen minimalen JavaScript Download für Leistung - wichtig auf mobile Geräten).

Nachdem ich die http://jquerymobile.com/download-builder/ verwendet und meinen Download erhalten habe, ist es unklar, wie JQM aufgerufen werden soll oder welche Reihenfolge Skripte platziert werden müssen, damit das Widget funktioniert. Muss ich diese mit regelmäßigen jQuery in Verbindung benutzen?

Hat jemand irgendwelche Anweisungen, wie man ohne den gesamten Rahmen arbeiten nur ein Widget bekommen?

Answer 1

Ich fand https://stackoverflow.com/a/31844001/1620112, beantwortet von der (meisterhaften) Omar, aber die Frage scheint nicht sehr beliebt - vielleicht weil es zu spezifisch ist - so werde ich verallgemeinern und selbst beantworten.

Ja. Sie benötigen jQuery. Laden Sie das zuerst.

Laden Sie als Nächstes die 1 JS- und 2 CSS-Dateien, die Sie vom Download-Generator heruntergeladen haben.

<script src="jquery.mobile.custom.js"></script> 
<link rel="stylesheet" href="jquery.mobile.custom.structure.css" /> 
<link rel="stylesheet" href="jquery.mobile.custom.theme.css" /> 

Schließlich rufen Sie das Widget als Omar hier schlägt https://stackoverflow.com/a/31844001/1620112

<script type="text/javascript"> 
$(function() { 
    $(".ui-collapsible-set").collapsibleset(); 
}); 
</script> 

Passen Sie Ihren Blick in jquery.mobile.custom.theme.css. Du hast Widgets!