Javascript Bootstrap 3 Modal won';从锚定标签触发时不会弹出
看一些视频教程,我遵循已经完成的操作,但似乎并没有进入寄存器链接触发的模式Javascript Bootstrap 3 Modal won';从锚定标签触发时不会弹出,javascript,html,twitter-bootstrap,modal-dialog,bootstrap-modal,Javascript,Html,Twitter Bootstrap,Modal Dialog,Bootstrap Modal,看一些视频教程,我遵循已经完成的操作,但似乎并没有进入寄存器链接触发的模式 <li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li> 下面是我要触发的链接: <li><a href="#register-modal" data-toggle="modal" data-target="#regi
<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>
下面是我要触发的链接:
<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>
这是应该触发的模态
<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来自引导,为什么会这样。bootstrap3文档似乎和我做的一样,
id属性不应该有hashtag
<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>
改变
<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>
<div class="modal fade" id="#register-modal" role="dialog"></div>
致:
<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>
谢谢你这么做了。因此,modal div不应该有hashtag,但是锚点标记应该引用?@Beast_代码。锚元素的数据目标
属性本质上是一个选择器。例如,可以将其更改为data target=“.modal”
,以便使用.modal
类选择所有元素。。。还可以将其更改为data target=“.modal#register modal”
,以选择具有类.modal
和id
的元素。。。如您所见,您基本上可以为数据目标
属性的值指定任何选择器。这很有趣。我遵循的教程有#。@Beast_代码哪个教程?
<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>