Bootstrap 模态触发但没有显示答案

【问题标题】：Bootstrap modal fire but no displayBootstrap 模态触发但没有显示
【发布时间】：2014-11-11 15:32:34
【问题描述】：

我尝试使用引导模式，事件 'show' 被触发，但我在屏幕上看不到它。 home.js

$(document).ready(function(){
    console.log("Log...");

    $(document).on('click', '#btnSignIn', function(){
        console.log("Starting modal..");
        $('#modal').on('show.bs.modal', function(){
            alert("Modal show..");
        }).modal('show');
    });
});

home.jsp 中的模态

<!-- Modal -->
        <div id="modal" class="modal hide fade" tabindex="-1" role="dialog"
            aria-labelledby="myModalLabel" aria-hidden="false">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                    aria-hidden="true">×</button>
                <h3 id="myModalLabel">Modal header</h3>
            </div>
            <div class="modal-body">
                <h1>AKA</h1>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button class="btn btn-primary">Save changes</button>
            </div>
        </div>

alert 被触发，但随后没有显示模式。任何人都可以帮助我吗？请

【问题讨论】：

您的 javascript 控制台中是否收到任何错误消息？
没有错误信息，伙计！这就是为什么我不知道发生了什么！我用 Chrome 调试 js 但什么也没找到！
您的代码似乎在这里运行良好：jsfiddle.net/u1b79cdL，我注意到如果我从 Bootstrap 2.3 切换到 3.0，它就不起作用。您使用的是哪个版本的 Bootstrap？
我当然用3.0！
我知道！我已经尝试过 jsfiddle 了！这就是为什么我想知道为什么它在 eclipse 中不起作用

标签： javascript jquery twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

如果您使用 Bootstrap 3，则需要从模态 html 中删除隐藏类：

改变这个：

 <!-- Modal -->
    <div id="modal" class="modal hide fade" tabindex="-1" role="dialog"

到这里：

  <!-- Modal -->
    <div id="modal" class="modal fade" tabindex="-1" role="dialog"

【讨论】：