Mit jquery-mobile versuche ich, ein zweites Popup (zur Bestätigung) aus dem ersten Popup zu öffnen, wenn der Benutzer auf Löschen klickt.

Ich habe einen ähnlichen Thread mit funktionierenden Jsfiddle-Code gesehenhttp://jsfiddle.net/EWQ6n/520/ Hier:Öffnen des Dialogfelds in einem Dialogfeld in JQuery Mobile

Das Kopieren und Einfügen dieses funktionierenden Popup-Codes in mein jsfiddle funktioniert jedoch nicht. Ich verwende jQuery 1.10.1 mit 1.4.2 Mobile. Die funktionierende Jsfiddle im Thread oben verwendet 1.9. mit Handy 1.30b.1Wenn ich meine jquery zu den älteren Versionen ändere, funktioniert es. (Ich weiß, das scheint die einfache Antwort zu sein, aber das Ändern bringt andere Codeabhängigkeiten und -stile durcheinander. Ich möchte dieses Problem verstehen.)

    <!-- first popup -->
<div data-role="popup" id="popupInfo" data-dismissible="false" style="max-width:400px;">
    <div data-role="header" class="ui-corner-top">
         <h1>Contact Info</h1>
    </div>
    <div data-role="content" data-theme="a">
        <label for="name">Name:</label>
        <input type="text" name="name" id="name" value="" placeholder="Display name" data-theme="a">
        <label for="tel">Number:</label>
        <input type="tel" name="tel" id="tel" value="" placeholder="tel" data-theme="a">
        <button type="submit" data-theme="b" class=" ui-btn ui-btn-b ui-shadow ui-corner-all">OK</button> <a href="#" data-role="button" data-rel="back">Cancel</a>
<a href="#popupDelete" data-role="button" data-rel="popup" data-transition="flow" data-icon="minus">Delete</a>
    </div>
</div>

<!-- second popup -->        
<div data-role="popup" id="popupDelete" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:600px;">
    <div data-role="header" data-theme="aa" class="ui-corner-top">
         <h1>Delete Contact?</h1>

    </div>
    <div data-role="content" data-theme="dd">
         <h3 class="ui-title">Are you sure you want to delete <span>#</span> from your contacts?</h3>

        <p>This action cannot be undone.</p>
        <button type="submit" data-theme="b" class=" ui-btn ui-btn-b ui-shadow ui-corner-all ui-btn-inline">OK</button> <a href="#" data-role="button" data-rel="back">Cancel</a>

    </div>
</div>

Mir ist auch in jsfiddle aufgefallen, dass die letzten 2 Divs in meinem ersten Popup-Code rot sind. (Bedeutet das, dass sie ungültig sind?) In meinem Editor scheinen sie gültiges HTML zu sein - zumindest kann ich keine Probleme finden.

Das ist meine nicht funktionierende Jsfiddle:http://jsfiddle.net/gmdavis62/7AuNC/2/