Stil jQuery iletişim düğmeleri

Question

ben dinamik bir iletişim düğmeler eklemek için kullandığınız bir JS dosyasına bir işlevi vardır:

var buttons; 
      var titleText = "Status Details"; 
      if (id == null) { 
       buttons = [{ text: "Cancel", click: function() { CloseDialog("#divDetails") } }, { text: "Save", click: function() { AddStatus() } }]; 
       addNewDialogButtons(buttons, "#divDetails"); 
      } 
      else { 
       buttons = [{ text: "Cancel", click: function() { CloseDialog("#divDetails") } }, { text: "Save Changes", click: function() { UpdateStatus() } }]; 
       addNewDialogButtons(buttons, "#divDetails"); 
      } 
      $(buttons).css("border", "1px solid blue"); 

Ben var: Ben bu do bir sayfada

function addNewDialogButtons(buttons, id) { 
var buttonPane = $(id).parent().find('.ui-dialog-buttonset'); 
$(buttonPane).empty(); 
$.each(buttons, function (index, props) { 
    var newButton = $('<button></button>', { 
     id: 'btn' + id + props.id, 
     text: props.text 
    }); 
    newButton.button().unbind().on("click", props.click); 
    $(buttonPane).append(newButton); 
}); 
} 

css dosyasında sınıfı:

.displaybutton { 
font-size: x-small; 
background-color: whitesmoke; 
color: blue; 
border: 1px solid blue; 
border-radius: 10px; 
} 

ben ve diğer bazı w içinde diyalog açık işlevinde, eklenti fonksiyonunda sınıf eklemeye çalıştık biraz başarı ile ays. Yaptığı tek şey, metni x-küçük olarak ayarlanmış gibi görünüyor. Sınıfın geri kalanı, vb

bu nasıl yapılacağı hakkında herhangi bir fikir renk, sınır, kullanılmaz?

Answer 1

sorun var düğmeleri gerçek düğme olmadığını, ama sadece o Fonksiyonunuzda tanım bu. Bu yüzden daha sonra $(buttons).css(...) jQuery bir nesne "düğmeleri" bulamıyor. Sen iyileştirilmesi için bu imkanlara sahip:

• sizin fonksiyon addNewDialogButtons içinde css stili uygula()
• bir css dosyasına css bilgisini Outsource ve sadece düğmelerini için bir sınıf ekleyin.

addNewDialogButtons() İşlevinizden düğme nesnesi dönün ve css talimatı için o nesneyi kullanmak
• .