使用Jqtouch的iphone模式警告框

Question

我正在开发一个简单的iPhone web应用程序。我坚持使用jqtouch创建一个警告框。有谁知道如何在iPhone上创建示例模式警告框吗？由于标题栏的问题，我不想使用现有的JavaScript警报。

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

Answer 1

您想要使用floaty扩展。在这里查看iPhone或Safari在DEV iPhone模式下的现场示例： link text

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

script src=“../../extensions/jqt.flaty.js”type=“应用程序/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的演示。您可以使用浮动窗口作为警报。

下面是一些相关的discussion

Answer 3

好吧，我知道这已经快一年了，但我一直在为它而挣扎，这是我遇到的一些事情。

浮动div需要在任何jqt页面之外，这意味着你不能真正在jqt页面div中有一个特殊的浮动。

为了创建我的floaty (一个id为“notify_window”的div )，从隐藏开始，我这样做：

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

我创建了一个隐藏的浮动对象，然后将其“关闭”，所以当我调用这个浮动对象时，我会这样做：

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

它实际上是相当简单的。