javascript - 无法使用 bootstrap 和 jquery 获取模态显示

标签 javascript jquery twitter-bootstrap

我这里有jsfiddle https://jsfiddle.net/gp277ps1/4/当我点击“登录”时没有任何反应,我做错了什么?

<div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <!-- Branding Image -->
                    <a href="#" class="navbar-brand" data-toggle="modal" data-target="#loginModal">Login</a>
                </div>
            </div>
        </div>

        <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" hidden="true">
            <div class="login-dialog">
                <div class="modal-content">
                        <div class="panel panel-filled">
                            <div class="panel-body">
                              test
                            </div>
                        </div>
                </div>
            </div>
        </div>

最佳答案

您尚未包含 bootstrap js 文件。包括这个https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js在 jsfiddle 中。

关于javascript - 无法使用 bootstrap 和 jquery 获取模态显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39310373/

相关文章:

javascript - 如何使用 Bootstrap 使输入标签填充表格中的整个 <td>

jquery延迟不起作用

javascript - 删除这个并且只删除这个元素 jQuery

css - HTML5 隐藏属性与 Bootstrap 不兼容

javascript - YouTube上的Wonder Plugin Carousel多个播放列表请求崩溃

javascript - 使用 JavaScript 将二进制文件转换为文本

javascript - Jquery 跟踪下拉菜单中的更改

javascript - iOS 网络应用程序 : Flicker between page transition

javascript - Bootstrap 4 - 我无法在 div 中拉伸(stretch)背景图像

javascript - 返回新的 Promise() 在 Node.js 中不起作用