Dinamik olarak bir iletişim kutusuna bir düğme ekleme

Question

Dinamik olarak jquery ui iletişim kutusuna bir düğme eklemek için herhangi bir yol var mı?

Kullanmayı denedim: $ (this) .add ("button");

Answer 1

Bu hak iletişim için jQuery UI sayfasında cevaplanır ... http://jqueryui.com/demos/dialog/ (tıklayın "Seçenekler" sekmesini, ardından "Düğmeler" için bağlantı)

"Get veya init sonra, düğmeler seçeneği ayarlamak". ..

$(".selector").dialog("option", "buttons", { 
"Ok": function() { $(this).dialog("close"); } 
}); 

yeterlidir (daha diyalog olarak kullandığınız ne olursa olsun öğesi) uygun seçici eklemek ve gitmek için iyi olmalıdır.

Answer 2

Sen diyalog

Ex içine bazı HTML kodu eklemek için jQuery html() kullanabilirsiniz. $ ('# your-diyalog-id') html ('');

fazla bilgi: http://api.jquery.com/html/

Answer 3

Bazen sonradan da düğmeleri eklemek istiyorum.

var mydialog = ... result of jqueryui .dialog() 
var buttons = mydialog.dialog("option", "buttons"); // getter 
$.extend(buttons, { foo: function() { alert('foo'); } }); 
mydialog.dialog("option", "buttons", buttons); // setter