javascript - 我想使用 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

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