SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Ionized Digital Air Studios

    Ionized Digi

    20 HAZİRAN 2009
  • Kingsimba357

    Kingsimba357

    7 NİSAN 2008
  • optionalinfo

    optionalinfo

    29 EKİM 2005