Bootstrap 3 锚标签触发时模态框不弹出

Question

查看一些视频教程，我按照已完成的操作进行操作，但似乎没有达到寄存器 link 的模式来触发。

这是我要触发的link：

<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>

这是应该触发的模态

<!-- Register Modal -->
<div class="modal fade" id="#register-modal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Register</h2>
            </div>
        </div>
    </div>
</div>

我假设在查看其他答案后应该实施 jQuery，但我不明白 jQuery 来自 bootstrap 是怎么回事。 Bootstrap 3 文档似乎和我做的一样 http://getbootstrap.com/javascript/#modals-examples

Answer 1

id 属性不应有主题标签。

改变

<div class="modal fade" id="#register-modal" role="dialog"></div>

至：

<div class="modal fade" id="register-modal" role="dialog"></div>

Working Example

Bootstrap 3 锚标签触发时模态框不弹出

Bootstrap 3 Modal won't pop up when triggering from anchor tag

javascript

html

twitter-bootstrap

modal-dialog

bootstrap-modal