Bootstrap 模态独立工作，但不是来自按钮点击

Question

基于live demo in the Bootstrap examples, I've made this fiddle显示对话框。

然后 this fiddle 应该会在点击时弹出对话框，但它不起作用：

<button type='button' data-toggle='modal' data-target='#myModal'>Click here</button>

这可能很明显，但我从上面链接的现场演示中遗漏了什么？

Answer 1

我在让它工作时遇到了一些问题，我不完全确定，但我认为问题主要是 JSFiddle 上的“外部资源”。

我已经将 jQuery CDN 添加到 fiddle，你可以在这里找到它：

https://jsfiddle.net/7ww5ra98/1/

这里是 HTML:

<button type="button" data-toggle="modal" data-target="#myModal">Click Here</button>

<!-- Modal -->
<div id="myModal" class="modal fade" 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>
        <h4 class="modal-title">Popup Dialog</h4>
      </div>
      <div class="modal-body">
        <p>Wow, it works!</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Reset Password</button>
      </div>
    </div>
  </div>
</div>

希望你觉得这有用。

Bootstrap 模态独立工作，但不是来自按钮点击

Bootstrap modal works on it's own, but not from button click

bootstrap-modal

twitter-bootstrap-3