Tôi muốn hiển thị hộp cảnh báo tự nhiên cho iphone bằng cách sử dụng điện thoại di động jquery

Question

Tôi đã viết mã sau để hiển thị hộp cảnh báo gốc trên iPhone bằng cách sử dụng jQuery + HTML di động.

alert('ID not Match !'); 

Đó là thông báo cho tôi, nhưng tôi muốn có thể thay đổi tiêu đề. Vui lòng cho tôi biết cách thay đổi/đưa tiêu đề vào hộp cảnh báo.

Đây là cách cảnh báo sẽ được hiển thị trên iOS:

cũng thấy hộp thoại tùy chỉnh của tôi. Nhưng nó không giống như một cảnh báo/hộp thoại gốc:

Hộp thoại tùy chỉnh của tôi không có vẻ tự nhiên. Làm ơn giúp tôi.

Answer 1

Điều này được xử lý như thế này vì lý do bảo mật. Bạn sẽ cần sử dụng hộp thoại tùy chỉnh.

Answer 2

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

Và đây:

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

Bạn có thể sử dụng các bất cứ nơi nào bạn cần hộp thoại xác nhận:

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

Và cũng tham khảo này: http://dev.jtsage.com/jQM-SimpleDialog/demos2/popup.html

Answer 3

Bạn có thể sử dụng PhoneGap/cordova sẽ cho phép bạn gọi navigation.notification.alert và điều đó sẽ cung cấp cho bạn nguồn gốc hộp cảnh báo

Bạn có thể tìm thêm thông tin về nó ở đây http://docs.phonegap.com/en/2.7.0/cordova_notification_notification.md.html#Notification