0

我正在尝试在对话框按钮中编写自定义类。我无法做到,它根本不采用自定义 css 类。我的代码如下:

function AddProcedures() { 
    success: function(msg) {
        if (msg.status) {
            $("#modal_Window").dialog({
                title: 'XX',
                buttons: {
                    Close: function() {
                        $(this).dialog('close');
                    }
                },
                open: function() {
                    //debugger;
                    $('.ui-dialog-buttonpane').find('button:contains("Close")').removeClass("ui-button-text-only");
                    $('.ui-dialog-buttonpane').find('button:contains("Close")').removeClass("ui-button-text-only").parent().addClass('ButtonLong');
                    $('.ui-dialog-buttonpane').find('button:contains("Close")').addClass("ButtonLong");
                },
                modal: true
            });
            $("#modal_Window").html('MM');
        }
        error: function(msg) {
            ErrorDialog('@RelatedProcedure.ProcedureTitle', '@RelatedProcedure.Error');
        }
    });
}

我花了一整天的时间来做这件事。我可能不是 Jquery 方面的专家。请帮我。

4

4 回答 4

1

你可以试试这个。它对我有用。我刚刚制作了四个 CSS 组样式来设置按钮的样式

button[type="button"].ConfirmButton 
button[type="button"].ConfirmButton:hover 
button[type="button"].CancelButton 
button[type="button"].CancelButton:hover

这是JavaScript:

var ModalDiv = $(document.createElement("div"));

$(ModalDiv).html('Are you sure you want to delete this note from the request?');

$(ModalDiv).dialog({
    modal: true,
    resizable: false,
    draggable: false,
    closeText: "",
    hide:{
              effect: "fade",
              delay: 0,
              duration: 250,
              easing: 'linear'
          },
    show: {
              effect: "fade",
              delay: 0,
              duration: 250,
              easing: 'linear'
          },
    width: 400,
    title: "Tile of Dialog",
    dialogClass: "ui-dlgconfirmation",
    buttons: [{
                  text: "Delete",
                  class: "ConfirmButton",
                  click: function () {
                      $(this).dialog("close");
                  }
              },
              {

                  text: "Cancel",
                  class: "CancelButton",
                  click: function () {
                      $(this).dialog("close");
                  }
              }]
});

With 
于 2013-12-05T21:14:41.847 回答
0

您可以使用 jQuery 或 javascript 覆盖 css 样式。

试试这样的:

$(document).ready(function()
{
    $('theTargetedIdentifier').css({'font-size':14});
});
于 2013-07-05T09:12:04.543 回答
0

是的,只需在添加按钮时,添加类名

Close   : {

              class: 'yourNewClassname', click: function() {

               //on click

            },
于 2013-07-05T08:57:52.100 回答
0

尝试通过像下面的 css 覆盖 css 样式

#popupid .ui-button-text-only{
 . . . . 
. . .  . .
font-size:14px;
. . . . 
. . .  . .
}

您可以使用按钮 id 或类来指定条件 css

于 2013-07-05T08:59:50.123 回答