使用Jqtouch的iPhone的模态警报框

Question

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

是否有示例代码或参考？

Answer 1

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

Answer 2

在jQTouch演示中，你会发现一个名为ext_floaty演示。您可以使用浮动窗口作为警报。

下面是一些有关discussion

Answer 3

您要使用的轻飘扩展。用DEV iPhone模式在iPhone或Safari中查看实例： link text

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

SCRIPT SRC = “../../扩展/ jqt.floaty.js” 类型= “应​​用程序/ x-JavaScript的” 字符集= “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 4

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

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

要创建我的轻飘（id为“notify_window”一个div），从隐藏的，我这样做：

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

我创作的轻飘，隐藏，然后我切换为“关”，所以当我打电话给我这样做：

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

它实际上很直接。