Korrektur der url mit jquery mobile

Bin ich mit jquery mobile-Aufbau einer Website, aber wenn ich auf eine Taste und diese Taste weist auf eine dialog-Seite, in der URL erscheint #&ui-state=dialog. Wenn ich in der <a data-ajax="false"></a> die url korrekt ist, ohne #&ui-state=dialog aber das dialog-Fenster nicht korrekt angezeigt, da Sie offensichtlich ajax deaktivieren.gibt es irgendeine Möglichkeit es zu beheben?

InformationsquelleAutor eng_mazzy | 2012-02-16
  1. 1

    Wenn Sie öffnen Sie den dialog, benutzen Sie $.mobile.changePage() und legen Sie die changeHash option false: http://jquerymobile.com/demos/1.0.1/docs/api/methods.html

    //delegate the event binding so elements in the DOM now and in the future will be bound-to
$(document).delegate('#my-dialog-button', 'click', function () {

    //change to the dialog, forcing the hash to remain the same and the page to be viewed as a dialog
    $.mobile.changePage($('#my-dialog'), {
        changeHash : false,
        role       : 'dialog'
    });
});
    • auch die Funktion funktioniert aber auf diese Weise wird die Seite zeigte nur eine Seite und nicht mehr wie ein dialog Aussehen, wenn ajax deaktiviert wurde
    • Hier ist eine demo: jsfiddle.net/qzzW5. Die Seite öffnet sich als Popup in allen Browsern, die ich getestet habe.
    • Ich habe versucht mein Beispiel in jsfiddle und ordnungsgemäß funktioniert.aber meine Seite funktioniert nicht.vielleicht sein könnte, weil ich eine Seite vorher ein post form data-ajax="false"?
    • Ich konnte nicht sagen, dass, wenn Sie können einen link auf Ihre Website, die ich überprüfen könnte-es-out.
    • Ich bin vor dem gleichen problem.Ich habe versucht, aus der fiddle geschrieben von Jasper.Seine Arbeitsmethoden in Ordnung.Wenn ich ein update der jquery mobile version funktioniert es nicht mehr.Und auch der Dialog-box ist nicht in der Lage geschlossen werden. Gibt es eine andere Möglichkeit, dies zu tun?Das wäre eine große Hilfe.
    InformationsquelleAutor Jasper
  2. 17

    Versuchen, um data-history="false" in der popup-div-Tags wie:

    <div data-history="false" data-role="popup" id="options-list-div" data-theme="b" data-overlay-theme="b">

    Glück! 🙂

    • behebt es für mich 🙂 Danke
    • Sie herzlich willkommen, gerne 🙂
    • Für mich es funktioniert nicht.. Wenn ich auf add data-history="false" es tut fügen Sie die #&ui-state=dialog, aber es geht immer noch zurück auf die erste Seite und nicht auf den nächsten Zug ein, genau wie vor (nach einer Weile sollte es sich bewegen, um eine neue Seite). Und wenn ich die "changeHash" changePage innerhalb der Funktion passiert gar nichts..
    InformationsquelleAutor Eagle_one
  3. 1

    Weiß nicht warum, aber Jasper Beispiel funktioniert nicht, wenn ich versuche, die Integration zu.

    War ich mit data-* Attribute auf die Schaltfläche zur Konfiguration der dialog-box.

    Nun erkläre ich die Optionen in der changePage Funktion, und es funktioniert gut.

    <a href="#" data-role="button" id="#my-dialog-button"></a>
    $("#my-dialog-button").click(function() {
    $.mobile.changePage( "page_containing_the_dialog.html", {
        type: "get",
        transition: 'pop',
        role: 'dialog',
        changeHash : false
    });
});
    InformationsquelleAutor vincentp
  4. 0

    Mit changeHash würde deaktivieren die änderung der Geschichte, da sich die url nicht ändern.
    Also, wenn der Benutzer klickt/tippt auf die Schaltfläche schließen , würde es sich ausbreiten und auf die Vorherige Seite, wenn es irgendeine.

    Außerdem könnte es ein problem verursachen, wenn der Benutzer tippt auf die zurück - Taste auf dem Handy, da gab es keine Geschichte zu ändern, wenn das popup geöffnet wurde, würde es wieder nehmen Sie die Benutzer zur vorherigen Seite zurück anstatt schließen Sie das popup, das wäre falsch Verhalten.

    Statt changeHash wenn wir transition es funktionieren würde, wie ein dialog und lassen Sie die hash-ändern Sie die Geschichte auch.

    @Vincentp haben Sie versucht, entfernen die changeHash Eigentum von der "changePage' nennen, jetzt, dass Sie mit transition ?

    $("#my-dialog-button").click(function () {
    var default_transition = "pop";
    $.mobile.changePage("page_containing_the_dialog.html", {
        role : 'dialog',
        transition: $(this).data('transition') || default_transition
    });
    return false;
});
    InformationsquelleAutor Snigdha Batra
Schreibe einen Kommentar