Question

当我点击登录选项时，我的登录弹出模型没有显示，此代码中存在问题。

     <li> <a href="#" class=" pull-right"   data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-log-in"></span>LogIn</a></li>

数据目标代码在这里，点击登录后tnis模型被调用弹出但弹出模型没有到来。

        <!-- Modal content-->
        <div class="modal-dialog">
            <div class="modal-content col-md-8">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="icon-paragraph-justify2"></i> User Login</h4>
                </div>
                <form method="post" id="login_form" action="<?= site_url('api/login') ?>" >
                    <!--?php echo form_open('welcome/checkLogin'); ?-->
                    <div class="modal-body with-padding">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-10">
                                    <label>Username *</label>
                                    <!--input type="text" name="email"/-->

                                    <input type="text" id="username" name="email" class="form-control required">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-10">
                                    <label>Password *</label>
                                    <!--input type="password" name="pass"/-->
                                    <input type="password" id="password" name="pass" class="form-control required" value="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="error" id="logerror"></div>
                    <!-- end Add popup  -->  
                    <div class="modal-footer">
                        <input type="hidden" name="id" value="" id="id">
                        <!--input type="submit" value="Login" name="submit"/-->
                        <button type="submit" id="btn-login" value="Login" name="submit" class="btn btn-primary  pull-right btn-xs">Login</button>              
                    </div>
                </form>
            </div>
        </div>

    </div>
    </div>  
</div>

Answer 1

您必须为模态内容指定ID“myModal”。

<div id="myModal" class="modal-dialog">

这允许您的JavaScript定位div。

Answer 2

我从一个有很多李的文章中遇到了同样的问题，我在js找到了一个很好的答案：

 custom: logger

来自链接：bootstrap modal not working in dropdown menu

数据目标模式在html中不起作用

2 个答案: