使用Jqtouch的iphone的模态警报框

时间:2010-08-24 10:32:42

标签: jquery iphone jqtouch

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

示例代码或参考资料是否可用?

4 个答案:

答案 0 :(得分:1)

您想要使用floaty扩展名。请在DEV iPhone模式下查看iPhone或Safari的实时示例: link text

该页面上包含的代码列在该页面上,查看源代码。扩展名是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>

答案 1 :(得分:0)

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

以下是一些相关的discussion

答案 2 :(得分:0)

嗯,我知道这已经差不多一年了,但我正在努力解决这个问题,而且我遇到过几件事情。

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

为了创建我的浮动(一个id为“notify_window”的div),开始隐藏,我这样做了:

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

我创建了floaty,隐藏然后我将其切换为“off”,所以当我调用floaty时我会这样做:

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

实际上非常直截了当。

答案 3 :(得分:-1)