javascript - Bootstrap 3 Modal won't pop up when triggering from anchor tag - Stack Overflow

admin管理员组

文章数量:1415673

Looking at some video tutorials I follow what has been done but don't seem to get to modal of the register link to trigger.

Here is the link I want to trigger:

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

Here is the modal that should be triggering

<!-- 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>

I assume that there should be jQuery to be implemented after looking at other answers but i do not see how e if the jQuery es from the bootstrap. The Bootstrap 3 documentation seems to do the same as I did

Looking at some video tutorials I follow what has been done but don't seem to get to modal of the register link to trigger.

Here is the link I want to trigger:

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

Here is the modal that should be triggering

<!-- 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>

I assume that there should be jQuery to be implemented after looking at other answers but i do not see how e if the jQuery es from the bootstrap. The Bootstrap 3 documentation seems to do the same as I did http://getbootstrap./javascript/#modals-examples

• javascript
• html
• twitter-bootstrap
• modal-dialog
• bootstrap-modal

Share Improve this question Follow asked Mar 22, 2015 at 0:28 Beast_CodeBeast_Code 3,2671414 gold badges4444 silver badges5454 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

The id attribute shouldn't have a hashtag.

Change

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

to:

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

Working Example

本文标签： javascriptBootstrap 3 Modal won39t pop up when triggering from anchor tagStack Overflow