javascript - 我想使用 jquery mobile 显示 iphone 的 native 警告框

Question

我编写了以下代码，使用 jQuery Mobile + HTML 在 iPhone 上显示 native 警告框。

alert('ID not Match !');

它给我 native 警报，但我希望能够更改标题。请告诉我如何更改/给警告框一个标题。

这是警报在 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