twitter-bootstrap - Jasny Bootstrap rowlink 关闭模式未关闭?

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

我确实对这个 Jasny Bootstrap rowlink 模式未关闭有问题。我导入了 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。

非常感谢您的帮助

最佳答案

您有一个</div>太多了,不是吗?您将在模态页脚之前关闭模态内容 div。由于缩进而很难看到...我相信这可能是错误的原因。


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

关于twitter-bootstrap - Jasny Bootstrap rowlink 关闭模式未关闭?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25257927/

相关文章:

javascript - 如何使用 Bootstrap Toggle 插件创建切换按钮?

html - 列在 Bootstrap 中堆叠时的双边框

javascript - 从 href 调用 javascript 函数

css - 如何让表单与导航按钮位于同一行?

javascript - 在 ASP.NET MVC 中使用 Bootstrap 创建模式

javascript - Rails 4 Bootstrap 模式在显示前短暂闪烁

javascript - 多种模式,工作但不关闭

twitter-bootstrap - Bootstrap : Remove form field border

html - 使用 bootstrap 居中 <td>

jquery - 如何使导航栏变平?