使用引导程序主题将自定义类从链接添加到 drupal-modal drupal 8

Question

在 Drupal 8 中，当你创建一个带有class和data-dialog-type属性的链接时，使用 bootstrap 主题，如下所示：

<a class="use-ajax" data-dialog-type="modal"
  href="http://drupal.page/front">text
</a>

您将在#drupal-modal具有这些 html 包装器的元素中打开页面内容：

<div id="drupal-modal" class="modal fade in" tabindex="-1" role="dialog" style="display: block;">
    <div class="modal-dialog" role="document">
         <div class="modal-content">

这个结构是在：\themes\bootstrap\js\modal.js如何在链接上看到的。

如何修改它以便我可以将类名#drupal-modal从链接传递给元素a.use-ajax？类名文本可以是链接属性的值。

具体来说，我想添加modal-lg或modal-sm类或一些自定义类。

Answer 1

data-dialog-options 允许您将任何选项传递给jQuery 的 Dialog Widget。选项之一是dialogClass允许您设置类。

示例 html：

<a class="use-ajax" 
  data-dialog-type="modal" 
  data-dialog-options="{&quot;width&quot;:800, &quot;dialogClass&quot;: &quot;product-information-incorrect&quot;}" 
  href="#">Click me !</a>

不需要自定义js。