2

この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には、jasnyブートストラップへのcssとjsの両方のリンクがあります。

本当に助けてくれてありがとう

4

1 に答える 1

2

1 つ</div>多すぎますね。modal-footer の前に modal-content div を閉じています。インデントで見にくい…これがエラーの原因ではないかと思います。

fade問題が発生する場合があるため、モーダルからクラスを削除します。

于 2014-08-12T07:13:10.837 に答える