相关疑难解决方法(0)

在 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类或一些自定义类。

因此，我有一个按钮可以在同一页面中提供指向模式的直接链接。

这是按钮和网址

<a data-toggle="modal" 
   href="main_user.php?user_id=<?php echo $user['user_id']; ?>#myModal" 
   class="btn btn-warning">

（我试着重复$user_id之前的内容#modal）是吗？

单击按钮后，将出现模式。这是带有形式的模态。

<form class="form-login" action="action/doEditUserStatus.php" method="post">
          <div class="login-wrap">
               <div class="changestatus">
                   <p>Banning or Activing User Status</p></div>
                        <div class="btn-group" data-toggle="buttons">
                            <label class="btn btn-success active">
                               <input type="radio" name="options" value="1" autocomplete="off"  checked> Actived
                            </label>
                            <label class="btn btn-primary">
                              <input type="radio" name="options" value="2" autocomplete="off"> Banned
                            </label>
                        </div>
          </div>
           <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-default" type="button">Cancel</button>
                <button class="btn btn-theme" name="modalSubmit" type="submit">Submit</button>
           </div>
    </form>

然后我尝试提交模态表单，但该操作无法读取$user_id我之前放置的内容#modal。

更新：表代码：

这是我的桌子：

<tr class="success">
   <th …

我的页面上有一些不同的模态需要传递给它们的数据.我用另一个问题解决了这个问题,现在让我使用jQuery并且非常有帮助.这就是我现在拥有的:

$(document).on("click", ".edit", function () {
    $(".modal-body #value").val($('.edit').data('id'));
});

我的问题是,由于我的页面有动态创建的按钮(来自基于模型的foreach),无论我点击哪个按钮,都会从第一个按钮获取值.如何从单击的按钮获取值.

我想给他们所有单独的id,但我不想为每个id创建一个函数.我读到这个.on方法有一个数据属性,但我找不到一个如何使用它的好例子,以及它是否适用于我的情况.

如果有人有任何建议我会非常感激.谢谢!

我试图在模态上加载特定帖子的评论.为此,我需要将post id传递给模态,然后获取相应的注释.模态由以下内容触发:

<a class="xyz" data-toggle="modal" data-target="#compose-modal" data-id="<?php echo $list[$i]->getID(); ?>">View Comments</a>

模式在页面底部定义如下:

<div class="modal fade" id="compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

        <!-- here i need to use php to fetch the comments using post id -->
        </div>
   </div>
</div>

当您点击列表中的特定餐馆时,我试图显示有关餐馆的更多详细信息.目前,我在列表中显示一个餐馆列表,其中包含一个更多信息的按钮.我希望这些信息以模态显示

当我点击列表中的不同餐馆时,每个餐馆的模式中显示的信息都是相同的.

这是我正在使用的代码

 @foreach (var item in Model)
            {
        <!-- Modal -->
                <div class="modal fade" id="myModal" role="dialog">
                    <div class="modal-dialog">

                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <center><h2 id="modalTitle" class="modal-title">@item.RestaurantName</h2></center>
                            </div>
                            <div class="modal-body">
                                <ul class="details">
                                    <li class="modalListItem">
                                        <i class="fa fa-info-circle fa-5" aria-hidden="true"></i>
                                        <span>@item.RestaurantDescription</span>
                                    </li>
                                    <li class="modalListItem">
                                        <i class="fa fa-envelope fa-5" aria-hidden="true"></i>
                                        <span>@item.RestaurantEmailAddress</span>
                                    </li>
                                    <li class="modalListItem">
                                        <i class="fa fa-clock-o fa-5" aria-hidden="true"></i>
                                        <span>Opens from @item.OpeningTime.TimeOfDay - @item.ClosingTime.TimeOfDay</span>
                                    </li>
                                    <li class="modalListItem">
                                        <i class="fa fa-list-alt fa-5" aria-hidden="true"></i>
                                        <span>@item.FurtherDetails</span>
                                    </li>
                                    <li class="modalListItem"> …