Я разрабатываю простое веб-приложение для iPhone. Я застрял в создании окна предупреждения с помощью jqtouch. Кто-нибудь, как создать образец модального окна предупреждения на iPhone? Я не хочу использовать существующее предупреждение JavaScript из-за проблемы со строкой заголовка.
Доступны ли образцы кода или ссылки?
Вы хотите использовать расширение floaty. Посмотрите живой пример с вашим iPhone или Safari в режиме DEV iPhone здесь: текст ссылки
Код для включения на эту страницу указан на этой странице, см. Исходный код. Расширением является файл JS, и эти функции вызывают его.
script src = "../../ extensions / jqt.floaty.js" type = "application / x-javascript" charset = "utf-8"
$(function(){
$('#togglefloaty').click(function(){
$('.floaty').toggleFloaty();
$(this).removeClass('active');
return false;
});
$('#hidefloaty').click(function(){
$('.floaty').hideFloaty();
$(this).removeClass('active');
return false;
});
$('div#jqt .floaty').makeFloaty({
spacing: 20,
time: '1s'
});
});
<ul class="individual">
<li><a href="#" id="hidefloaty">Hide Floaty</a></li>
<li><a href="#" id="togglefloaty">Toggle Floaty</a></li>
</ul>
В демонстрации jQTouch вы найдете демонстрацию под названием ext_floaty. Вы можете использовать плавающее окно как предупреждение.
Вот соответствующее обсуждение.
Ну, я знаю, что ему почти год, но я боролся с этим, и вот пара вещей, с которыми я столкнулся.
Плавающий div должен находиться за пределами любой из страниц jqt, что означает, что у вас действительно не может быть специального floaty ВНУТРИ div страницы jqt.
Для создания моего floaty (div с идентификатором notify_window), начиная со скрытого, я сделал следующее:
$('#notify_window').makeFloaty({spacing: 120, time: '1s'}).hide().toggleFloaty();
Я создаю floaty, hidden, а затем выключаю его, поэтому, когда я вызываю floaty, я делаю следующее:
$("#notify_window").show().toggleFloaty();
На самом деле это довольно просто.
http://docs.phonegap.com/phonegap_notification_notification.md.html#Notification
