Question

我已经开始使用Modals但是我遇到了一个小问题 - 我试图把它们中的几个放在一起但我的代码中的一些内容将所有这些连接在一起，因此不允许我将不同的内容放在一起每一个，所以第一个内容中的任何内容最终都存在于所有其他内容中，这些内容超越了我在其他机构中所写的内容。感谢能够帮助我弄清楚代码中的内容的任何人！

<button class="glyphicon glyphicon-folder-open" data-toggle="modal" data-target="#myModal">
</button>
 <div class="modal fade" id="myModal" 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>
            <h4 class="modal-title" id="myModalLabel">MIDDLE TIER</h4>
          </div>
          <div class="modal-body">
           <div class="bs-example">
               <table class="table">
                   <thead>
                       <tr>
                           <th>RUN JOB</th>
                           <th>ACTION</th>
                           <th>TARGET</th>
                           <th>MODEL</th>
                           <th>REPORT KEY</th>
                           <th>REPORT NAME</th>

                       </tr>
                   </thead>
                   <tbody>
                       <tr>
                           <td>GL LOAD</td>
                           <td>PROFILE/IMPORT</td>
                           <td>CR Staging (For All Funds)</td>
                           <td>Not Indicated- To Be Developed</td>
                           <th>N/A</th>
                           <th>N/A</th>
                       </tr>

                   </tbody>
               </table>
           </div>
          </div>
          <div class="modal-footer">
          </div>
        </div>
      </div>
    </div>

Answer 1

我最近遇到过类似的事情。我添加了下面的js代码，以便在关闭时销毁模态并且效果很好：

$(document).on('hidden.bs.modal', function (e) {
    $(e.target).removeData('bs.modal');
});

很难判断您提供的代码是否与您的问题相同，但值得一试。

模态内容不起作用

1 个答案: