2011-06-06 29 views
7

ben gibi komut dizisi ile iletişim için html enjekte:JQuery mobil alfa 4'de bir iletişim kutusu nasıl açılır?

$("#misc-cntr").append('<div id="chk" data-rel="dialog" > </div>'); 

sonra ajax başarı geri aramasında ben: programlama iletişim kutusunu açabilirsiniz nasıl yukarıda

success: function(msg) { 
$('#chk').html(msg) 
// open dialog here 
// $('#chk').dialog('open') does not work 
} 

Verilen?

cevap

10

Sen, kendisine çizgisinde bir şey sayfayı değiştirmek gerekir: Eğer javascript aracılığıyla iletişim kutusunu kapatmak istiyorsanız

$.mobile.changePage($('#chk'), 'pop', false, true); 

, ihtiyacınız olacak:

$('#chk').dialog('close'); 

Bu yardımcı olur umarım.

+1

İpucunuz iletişim gösteri yapmak için yardımcı oldu ama diyalog kaybolur sonra açılır ve ikinci bir kısmı için gösterilir ve. Bu soruna neden olan emin değil. – ace

+0

Kodunuzun biraz daha fazlasını yayınlayabilir veya daha iyisi, bir JSFiddle'a atabilir misiniz, böylece neler olduğunu görebiliriz? –

2

Burada kullandığım şey. Çok kirli, ama bir haşhaş sayfası yerine gerçek bir diyalog kullanır.

div:

<div data-role="page" id="score" data-theme="d" data-transition="pop" /> 

JQuery kodu:

var a = $('<a />').attr({ 
    href: '#score', 
    "data-rel": 'dialog' 
}).click(); 
1

changePage işlev ikinci değişken olarak bir nesne alır. İçinde işleri rol ve geçiş olarak belirtebilirsiniz. Davanız için 'iletişim' rolünü ayarlamanız gerekiyor.

0
$.mobile.changePage($('#mydialog'),{'transition':'pop'}); 

VEYA

$.mobile.changePage($('#mydialog'),'pop'); 
İlgili konular