我想使用jquery mobile显示iphone的原生警报框

Question

我编写了以下代码，使用jQuery mobile + HTML在iPhone上显示本机警报框。

alert('ID not Match !');

它给了我原生警报，但我希望能够更改标题。 请告诉我如何更改/给出警告框的标题。

这是iOS上显示警报的方式：

还可以看到我的自定义对话框。但它看起来不像本机警报/对话框：

我的自定义对话框看起来不是原生的。请帮我。

Answer 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>

而且：

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");
}

您可以在需要确认对话框的地方使用这些：

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

还请参考： http://dev.jtsage.com/jQM-SimpleDialog/demos2/popup.html

Answer 2

您可以使用phonegap / cordova，这样您就可以拨打navigation.notification.alert，这将为您提供原生警报框

您可以在此处找到有关它的更多信息 http://docs.phonegap.com/en/2.7.0/cordova_notification_notification.md.html#Notification

Answer 3

出于安全原因，这样处理。您需要使用自定义对话框。