Boîte d'alerte Modal pour iPhone utilisant Jqtouch

Question

Je développe une application web iPhone simple. Je suis coincé avec la création d'une boîte d'alerte en utilisant jqtouch. Est-ce que quelqu'un comment créer un exemple de boîte d'alerte modale sur l'iPhone? Je ne veux pas utiliser l'alerte JavaScript existante en raison du problème de la barre de titre.

Des exemples de code ou des références sont-ils disponibles?

Answer 1

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

Answer 2

Dans jQTouch démo, vous trouverez une démo nommée ext_floaty. Vous pouvez utiliser la fenêtre flottante comme alerte.

Voici quelques discussion

Answer 3

pertinente Vous souhaitez utiliser l'extension vaporeux. Voir un exemple en direct avec votre iPhone ou Safari en DEV en mode iPhone ici: link text

Le code d'inclure sur cette page est répertoriée sur cette page, voir la source. L'extension est le fichier JS et ces fonctions l'appellent.

script src = Type "../../ extensions/jqt.floaty.js" = "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> 

Answer 4

Eh bien, je sais a presque un an, mais je me débattais avec et voici quelques choses que j'ai rencontrées. La div floaty doit être en dehors de l'une des pages jqt, ce qui signifie que vous ne pouvez pas vraiment avoir un floaty spécial dans une div jqt page.

Pour créer mon vaporeux (un div avec l'id « notify_window »), à partir caché, je l'ai fait:

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

je crée le vaporeux, caché et puis je l'activer « off », donc quand J'appelle le floaty je fais ceci:

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

C'est en fait assez droit.