【问题标题】:Jasny Bootstrap rowlink close modal is not closing?Jasny Bootstrap 行链接关闭模式未关闭?
【发布时间】:2014-08-12 06:52:51
【问题描述】:

这个 Jasny Bootstrap 行链接模式没有关闭我真的有问题。我有导入 Bootstrap v 3.2.0。

当您单击行模式并打开一些数据时,我有这个表格。到目前为止,这是可行的,在行上单击模式打开,并显示一些数据 - 但是!当我关闭它时,它不会关闭(模态不会关闭)。

这是我的模态表格的内部代码:

<table class="table table-bordered table-striped table-hover">
  <thead>
    <tr>
      <th>Interna št.</th>
    </tr>
  </thead>
  <tbody data-link="row" class="rowlink">
  @if (Model.Spremenljivke != null)
  {
    i = 0;
    foreach (var row in Model.Spremenljivke)
    {
    <tr>
      <td>@row.Internal.First()
          <a href="#" data-toggle="modal" data-target="#myModal@(i)"/>
          <!-- Modal -->
          <div class="modal fade" id="myModal@(i)" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                </div>
                  <div class="modal-body">
                    <div style="display: block">
                      <p class="pscript">
                        Interna št.: <b>@Html.Raw(row.Internal.First())</b>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
              </div>
            </div>
          </div>
        </td>                      
      </tr>
      {
        i = i + 1;
      }
    }
  }                      
  </tbody>
</table>

在 _Layout 中,我有 css 和 js 链接到 jasny bootstrap。

非常感谢您的帮助

【问题讨论】:

    标签: twitter-bootstrap twitter-bootstrap-3 modal-dialog row jasny-bootstrap


    【解决方案1】:

    你的&lt;/div&gt; 太多了,不是吗?您在模态页脚之前关闭模态内容 div。由于缩进很难看到...我相信这可能是错误的原因。


    从模式中删除 fade 类,因为它有时可能会导致问题。

    【讨论】:

    • 仍然,关闭不工作。它看起来像这样:当我关闭它时,模态框关闭,但黑色透明阴影(覆盖所有屏幕)仍然存在。我必须刷新页面才能关闭。
    • 这可能与另一个库(例如 jquery ui)发生冲突...您在使用它吗?尝试从模式中删除 fade 类。
    • 哟!!!它有效,我从课堂上删除了淡入淡出,它有效。您能否编辑您的答案,以便我可以投票并签名为已接受的答案。
    • 酷,很高兴它有帮助!
    • 确实没有褪色的动画了,不过我喜欢,因为看起来效果更快
    猜你喜欢
    • 2017-04-20
    • 1970-01-01
    • 2013-01-04
    • 1970-01-01
    • 1970-01-01
    • 2014-04-11
    • 2017-05-24
    • 1970-01-01
    • 2016-04-01
    相关资源
    最近更新 更多