Question

我使用Drupal 8核心的jQuery UI Dialog（jQuery UI Dialog 1.11.4）以模态显示节点，但默认选项并不适合我，我需要更改它们。

要在模式I中显示节点（在此示例中为节点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”属性向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>

jQuery UI Dialog默认选项

1 个答案: