使用Jqtouch的iPhone的模式警报框

Question

我正在开发一个简单的iPhone Web应用程序。 我坚持使用jqtouch创建警报框。 是否有人在iPhone上创建示例模式警报框？ 由于标题栏问题，我不想使用现有的JavaScript警报。

是否提供示例代码或参考？

Answer 1

您要使用floaty扩展名。 在此处以DEV iPhone模式查看iPhone或Safari的实时示例： 链接文本

该页面上列出的代码在该页面上列出，查看源代码。 扩展名是JS文件，这些函数调用它。

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

Answer 2

在jQTouch演示中，您将找到一个名为ext_floaty的演示。 您可以将浮动窗口用作警报。

这是一些相关的讨论

Answer 3

好吧，我知道这已经快一年了，但是我一直在努力，这是我遇到的一些事情。

float div必须在任何jqt页面之外，这意味着在jqt页面div内您真的不能有一个特殊的floaty。

为了创建我的浮动对象（ID为“ notify_window”的div），开始隐藏，我这样做：

$('#notify_window').makeFloaty({spacing: 120, time: '1s'}).hide().toggleFloaty();

我创建了一个浮动对象，将其隐藏，然后将其切换为“关闭”，因此，当我调用浮动对象时，请执行以下操作：

$("#notify_window").show().toggleFloaty();

实际上很简单。

Answer 4

http://docs.phonegap.com/phonegap_notification_notification.md.html#Notification