2013-05-30 7 views
8

Ich habe folgenden Code geschrieben, um eine native Alarmbox auf dem iPhone mit jQuery mobile + HTML anzuzeigen.Ich möchte native Alarmbox für iphone mit jquery mobile anzeigen

alert('ID not Match !'); 

Es gibt mir die native Warnung, aber ich möchte in der Lage sein, den Titel zu ändern. Bitte sagen Sie mir, wie man eine Alarmbox ändert/titelt.

Dies ist, wie der Alarm auf iOS angezeigt: alert box as displayed on iOS

auch meinen benutzerdefinierten Dialog sehen. Aber es sieht nicht wie ein systemeigener Alarm/Dialog aus: enter image description here

Mein benutzerdefinierter Dialog sieht nicht nativ aus. Bitte hilf mir.

+1

Sie müssen möglicherweise benutzerdefinierte Dialog für sie schaffen. –

+0

Ich habe benutzerdefinierte Dialogfeld erstellt, aber es gibt mir nicht native UI – addy

+0

Hat Ihr Dokument '' Tags? –

Antwort

0

Dies wird aus Sicherheitsgründen so gehandhabt. Sie müssen ein benutzerdefiniertes Dialogfeld verwenden.

1
<div data-role="dialog" id="sure" data-title="Are you sure?"> 
    <div data-role="content"> 
    <h3 class="sure-1">???</h3> 
    <p class="sure-2">???</p> 
    <a href="#" class="sure-do" data-role="button" data-theme="b" data-rel="back">Yes</a> 
    <a href="#" data-role="button" data-theme="c" data-rel="back">No</a> 
    </div> 
</div> 

Und:

function areYouSure(text1, text2, button, callback) { 
    $("#sure .sure-1").text(text1); 
    $("#sure .sure-2").text(text2); 
    $("#sure .sure-do").text(button).on("click.sure", function() { 
    callback(); 
    $(this).off("click.sure"); 
    }); 
    $.mobile.changePage("#sure"); 
} 

Sie können diese verwenden, wo immer Sie den Bestätigungsdialog benötigen:

areYouSure("Are you sure?", "---description---", "Exit", function() { 
    // user has confirmed, do stuff 
}); 

Und auch diese verweisen: http://dev.jtsage.com/jQM-SimpleDialog/demos2/popup.html

+0

Gibt Ihr Dialog mir Native UI als iPhone Dialog. – addy

+0

Kann möglich sein – archu

Verwandte Themen