jquery ui对话框自定义按钮

Question

有没有办法在jquery ui对话框小部件中使用我自己的自定义按钮样式？我已经尝试了所有可能的方法，包括网站上的一些建议，但都无济于事...任何帮助将不胜感激！谢谢！

Answer 1

这就是我在jquery UI对话框中处理自定义按钮的方式：

        $('#dialog').dialog({
            height: 300, 
            width: 600, 
            modal: true, 
            resizable: false, 
            create: function(event, ui) { 
                $("#done").click(function(event) {
                    $('#dialog').dialog('close');
            })}
        });

'done'是我的按钮元素的ID，'dialog'是我的div的id作为对话框。

Answer 2

定义自己风格的最简单，最简单的方法是使用jQuery UI Themeroller创建自定义主题（或只修改现有主题）。所有jQuery UI小部件都将使用您声明的主题。

仅修改按钮样式的<：strong> Demo。