jQuery UI 对话框默认选项答案

【问题标题】：jQuery UI Dialog default optionsjQuery UI 对话框默认选项
【发布时间】：2017-05-03 07:35:11
【问题描述】：

我正在使用 Drupal 8 核心中的 jQuery UI 对话框（jQuery UI 对话框 1.11.4）以模式显示节点，但默认选项不适合我，我需要更改它们。

为了在模态中显示节点（本例中的节点 id 为 12），我在 Drupal 中使用它：

<a class="use-ajax" data-dialog-type="modal" href="/node/12">SHOW NODE</a>

我尝试像这样更改默认值：

$.extend($.ui.dialog.prototype.options, {
            modal: true,
            width: '100%',
            height: '100%',
            fluid: true,
            resizable: false,
            closeText: Drupal.t('Close it'),
            hide: 'fadeOut',
            show: 'fadeIn'
          });

但我定义的选项为空模式。

我如何才能更改这些选项并使其发挥作用？

【问题讨论】：

标签： javascript jquery jquery-ui drupal drupal-8

【解决方案1】：

您可以使用“data-dialog-options”属性向 Dialog 添加选项。例如：

<a class="use-ajax" data-dialog-type="modal" data-dialog-options='{"width":"100%", "height":"100%", "fluid":"true", "resizable":"false", "hide":"fadeOut", "show":"fadeIn"}' href="/node/12">SHOW NODE</a>

【讨论】：