javascript - jQuery UI 对话框默认选项

Question

我使用 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'
          });

但是我有一个空模态，其中包含我定义的选项。

我如何更改这些选项并使其正常工作？

Answer 1

您可以使用“data-dialog-options”属性向对话框添加选项。例如:

<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>