簡體   English   中英

使用Jqtouch的iPhone的模式警報框

[英]Modal Alert box for iphone using Jqtouch

我正在開發一個簡單的iPhone Web應用程序。 我堅持使用jqtouch創建警報框。 是否有人在iPhone上創建示例模式警報框? 由於標題欄問題,我不想使用現有的JavaScript警報。

是否提供示例代碼或參考?

您要使用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>

在jQTouch演示中,您將找到一個名為ext_floaty的演示。 您可以將浮動窗口用作警報。

這是一些相關的討論

好吧,我知道這已經快一年了,但是我一直在努力,這是我遇到的一些事情。

float div必須在任何jqt頁面之外,這意味着在jqt頁面div內您真的不能有一個特殊的floaty。

為了創建我的浮動對象(ID為“ notify_window”的div),開始隱藏,我這樣做:

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

我創建了一個浮動對象,將其隱藏,然后將其切換為“關閉”,因此,當我調用浮動對象時,請執行以下操作:

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

實際上很簡單。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM