Question

看一些视频教程我遵循已经完成的但似乎没有触发的寄存器链接的模态。

以下是我想要触发的链接：

<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 Modal在从锚标记触发时不会弹出

1 个答案: