Ben şu anda iki düğme ile bir WordPress kullanmak bir iletişim var: Kaydet ve Kapat. İletişim aşağıdaki kodu kullanarak oluşturun:

$dialogDiv.dialog({
	autoOpen: false,
	modal: true,
	width: 600,
	resizable: false,
	buttons: {
		Cancel: function() {
                        // Cancel code here
		},
		'Save': function() {
                        // Save code here
		}
	},
	close: function() {
		// Close code here (incidentally, same as Cancel code)
	}
});

Ancak, her iki düğmeleri bu kod kullanıldığında aynı renk. Benim gibi düğme benim daha farklı bir renk Kaydetmek için İptal ettirmek istiyorum. Bir şekilde bu bazı jQuery seçenekleri yerleşik kullanarak yapmak var mı? Belgelerine kadar yardım almadım.

Bu yaratıyorum düğmesi ön tanımlı bir türü, ama 'Kaydet' kendimi tanımlama yapıyorum. İptal unutmayın Eğer bu konuda herhangi bir etkiye sahip olur mu bilmiyorum.

Herhangi bir yardım mutluluk duyacağız. Teşekkürler.

GÜNCELLEME:Uzlaşma seyahat için iki yol vardı:

1. HTML bir Firefox kullanmaya devam etmeden önce incelenmesi eklenti firebug ve not gibi sınıfları olan jQuery CSS. düğmeleri uygulayarak ve bir onları geçersiz kılma de bıçak.Not: benim HTML, hem de düğmeler kullanılmıştır aynı CSS sınıfları ve benzersiz Kimlikleri, bu seçenek çıktı.
2. İletişim açık bir jQuery seçici kullanın istediğim düğmesi yakalamak için ve sonra bir CSS sınıfı eklemek.

Gittim ikinci seçenek, ve kullanılan jQuery find() yöntemi gibi bence bu daha uygun daha kullanma :ilk veya ilk çocuk b/c düğmesiyle istediğim için değiştirmek değildi mutlaka ilk düğmesi listelenen biçimlendirme. Kullanarak, sadece düğmeye adını belirtin ve CSS bu şekilde ekleyebilirim bulabilirsiniz. Ben ile sona erdi kodu aşağıda:

$dialogDiv.dialog({
	autoOpen: false,
	modal: true,
	width: 600,
	resizable: false,
	buttons: {
		Cancel: function() {
                        // Cancel code here
		},
		'Save': function() {
                        // Save code here
		}
	},
        open: function() {
            $('.ui-dialog-buttonpane').find('button:contains("Cancel")').addClass('cancelButtonClass');
        }
	close: function() {
		// Close code here (incidentally, same as Cancel code)
	}
});

Kimse burada vermiş gibi görünüyor çünkü benzer bir soru için my answer transfer kaydı yapıyorum ve daha temiz ve derli toplu

Alternatif buttons özellik sözdizimi kullanın:

$dialogDiv.dialog({
    autoOpen: false,
    modal: true,
    width: 600,
    resizable: false,
    buttons: [
        {
            text: "Cancel",
            "class": 'cancelButtonClass',
            click: function() {
                // Cancel code here
            }
        },
        {
            text: "Save",
            "class": 'saveButtonClass',
            click: function() {
                // Save code here
            }
        }
    ],
    close: function() {
        // Close code here (incidentally, same as Cancel code)
    }
});