26 Mart 2010, Cuma
jQuery UI İkonlar İletişim
JQuery UI İletişim düğmeler için simgeler eklemek mümkün mü? Bu şekilde yapmaya çalıştım:
$("#DeleteDialog").dialog({
resizable: false,
height:150,
modal: true,
buttons: {
'Delete': function() {
/* Do stuff */
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
},
open: function() {
$('.ui-dialog-buttonpane').find('button:contains("Cancel")').addClass('ui-icon-cancel');
$('.ui-dialog-buttonpane').find('button:contains("Delete")').addClass('ui-icon-trash');
}
});
Açık işlev seçiciler iyi çalışıyor gibi görünüyor. Eğer aşağıdaki eklersem "": . açık
$('.ui-dialog-buttonpane').find('button:contains("Delete")').css('color', 'red');
sonra kırmızı yazı ile bir Silme düğmesi. O kadar da kötü değil, ama küçük çöp Sil düğmesi de sprite gerçekten istiyorum.
Düzenleme:
Kabul cevabı için düzenlemeler bir çift yaptım:
var btnDelete = $('.ui-dialog-buttonpane').find('button:contains("Delete")');
btnDelete.prepend('<span style="float:left; margin-top: 5px;" class="ui-icon ui-icon-trash"></span>');
btnDelete.width(btnDelete.width() 25);
Bazı üst kenar boşluğu bu simgeyi aşağı iter ekleyerek dikey merkezli. Düğmenin genişliği 25 px ekleyerek ikinci bir hat üzerine sarma düğmesi metni tutar.
CEVAP
3 AĞUSTOS 2010, Salı
ben bunu denedim, işe yarıyor :)
[....]
open: function() {
$('.ui-dialog-buttonpane').
find('button:contains("Cancel")').button({
icons: {
primary: 'ui-icon-cancel'
}
});
[....]
Bunu Paylaş:
jQuery UI Kutusu - Yakın İletişim İşle...
Nasıl jQuery UI iletişim kutusunda Kap...
jQuery UI bir değişken olarak düğme me...
jQuery UI - Dış Tıklandığında İletişim...
Nasıl jQuery UI iletişim düğmesini dev...