JQueryMobile Panel - wie immer auf breiten Seiten angezeigt werden

Question

Ich habe ein Panel und versuche immer das Panel zu zeigen, wenn das Fenster breit ist. Ich brauche keinen geschlossenen Knopf - zeige ihn immer nur für größere Fenster.

jQuery Mobile Responsive Panel Dismiss issue geholfen, zusammen mit anderen, aber kein Glück. Ich kann alles fast zum Laufen bringen, aber jedes Mal, wenn ich auf eine neue Seite navigiere, wird das Panel animiert, was komisch aussieht.

Ich schaue jetzt mit einem festen div auf der linken Seite, die kein jquerymobile Panel ist. Ich kann das vom Server aus tun. Aber es scheint eine Menge Aufwand zu sein, ein Panel offen zu halten.

Irgendwelche Hinweise?

Answer 1

Haben Sie so etwas wie dieses versuchen:

$(document).on("pagebeforeshow", function(event, data) { 
    $('#my-panel').panel("open"); 
}) 

Answer 2

ich ein solches Problem auch auftreten. Hier ist meine Lösung: das folgende Javascript in Ihrem Header hinzufügen:

$(document).on("pagebeforeshow", function(event, data) { 
    $('#my-panel').panel("open"); 
}) 

und in Ihrem Panel hinzufügen zwei Attribute: Daten-Swipe-close = "false", daten dismissible = "false"

dann wird das Panel immer in Ihrem html angezeigt