Làm thế nào để mở một hộp thoại trong điện thoại di động jquery alpha 4?

Question

tôi tiêm html cho thoại qua kịch bản như:

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

sau đó trong callback thành công ajax tôi có:

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

Với trên làm thế nào tôi có thể mở hộp thoại programatically?

Answer 1

Bạn sẽ cần phải thay đổi trang để nó, một cái gì đó dọc theo dòng:

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

Nếu bạn muốn để đóng hộp thoại thông qua javascript, bạn sẽ cần:

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

Hi vọng điêu nay co ich.

Answer 2

Đây là những gì tôi đã sử dụng. Nó rất bẩn, nhưng nó sử dụng một hộp thoại thực tế thay vì một trang popping.

Các div:

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

Mã jQuery:

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

Answer 3

Chức năng changePage mất một đối tượng như là đối số thứ hai. Trong đó bạn có thể chỉ định những thứ như vai trò và chuyển tiếp. Đối với trường hợp của bạn, bạn cần đặt vai trò thành 'hộp thoại'.

Answer 4

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

HOẶC

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