[英]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.