【问题标题】:Bootstrap 3 Modal won't pop up when triggering from anchor tag从锚标签触发时,Bootstrap 3 Modal 不会弹出
【发布时间】:2015-03-22 00:28:51
【问题描述】:

查看一些视频教程,我遵循了已完成的操作,但似乎没有进入要触发的注册链接的模式。

这是我要触发的链接:

<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 3 文档似乎和我做的一样http://getbootstrap.com/javascript/#modals-examples

【问题讨论】:

    标签: javascript html twitter-bootstrap modal-dialog bootstrap-modal


    【解决方案1】:

    id 属性不应有标签。

    改变

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

    到:

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

    Working Example

    【讨论】:

    • 谢谢你这样做。所以模态 div 不应该有主题标签,但锚标签应该引用?
    • @Beast_Code 正确。锚元素的data-target 属性本质上是一个选择器。例如,可以将其更改为 data-target=".modal" 以选择具有 .modal 类的所有元素。 (example)... 也可以更改为data-target=".modal#register-modal" 以选择具有.modal 类和#register-modalid 的元素 - (example)... 如您所见,您基本上可以为 data-target 属性的值指定任何选择器。
    • 这很有趣。我遵循的教程有那个#。
    • @Beast_Code 哪个教程?
    猜你喜欢
    • 2017-11-10
    • 1970-01-01
    • 1970-01-01
    • 2021-12-14
    • 2017-03-30
    • 1970-01-01
    • 1970-01-01
    • 2018-12-15
    相关资源
    最近更新 更多