Question

我使用JqueryUI创建了一个Dialog。在该对话框中我有一个<div>，在<div>内，我有三个<button>。 “删除”，“取消”和“确定”。所有三个元素的宽度都不同。我自己没有给出尺寸。根据按钮上单词的长度创建大小。我想在所有三个元素中显示元素的最大宽度大小（以像素为单位）。

 $(document).ready(function () {
      dialog = $("#dialog-confirm").dialog({
        autoOpen: false,
        resizable: false,
        height: 500,
        width: 500,
        modal: true,
        buttons: {
          "Delete": function () {
            $(this).dialog("close");
          },
          "Cancel": function () {
            $(this).dialog("close");
          },
          "Ok": function () {
          var width =  $("[aria-describedby='dialog-confirm'] .ui-dialog-   buttonpane .ui-dialog-buttonset > button").width();
          alert();
          }

我被困在这里。

Answer 1

如果您要查找最宽按钮的宽度，可以使用：

dialog = $("#dialog-confirm").dialog({
    resizable: false,
    height: 500,
    width: 500,
    modal: true,
    buttons: {
        "Delete": function () {
            $(this).dialog("close");
        },
            "Cancel": function () {
            $(this).dialog("close");
        },
            "Ok": function () {
            var widest = 0;
            $('.ui-dialog-buttonset button').each(function () {
                if ($(this).width() > widest) widest = $(this).width();
            })
            alert(widest);
        }
    }
})

<强> jsFiddle example

使用Jquery在Div内的其他三个元素中显示元素的最大宽度

1 个答案: