Question

我正在拉我的头发，因为我似乎无法找到任何理由为什么此页面上的模态登录无法打开。

如果有人能看到脚本冲突，请提供帮助，因为我不想从头开始这个页面。

以下是相关代码。

    <span><a href="#" data-toggle="modal" data-target="#login-modal">Clients Login</a></span> 
                        <span><a href="#" data-toggle="modal" data-target="#login-modal">Employee Login</a></span>

     <script src="js/jquery-1.11.1.min.js"></script>           
    <script type="text/javascript" src="js/retina.js"></script>     
    <script src="js/jquery.flexslider.js"></script>     
    <script type="text/javascript" src="js/to-top.js"></script>     
    <script type="text/javascript" src="js/easing.js"></script>     
    <script type="text/javascript" src="js/mosaic.1.0.1.js"></script>     
    <script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script>              
    <script type="text/javascript" src="js/jquery.carouFredSel-6.2.0-packed.js"></script>     
    <script src="js/jquery.meanmenu.js"></script>     
    <script src="js/jquery.quicksand.js"></script>     
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>     
    <script src="js/script.js"></script>     
    <script type="text/javascript" src="js/twitter.js"></script>     
    <script type="text/javascript">
      //$.noConflict();
    </script>     
    <script src="js/vendor/response.0.9.0.min.js" type="text/javascript"></script> 
    <script>
$(document).ready(function(){
    $("#submit").click(function(){
        var username = $("#username").val();
        var password = $("#password").val();

        // Returns successful data submission message when the entered information is stored in database.
        var dataString = 'username='+ username + '&password='+ password;

        // AJAX Code To Submit Form.
        $.ajax({
        type: "POST",
        url: "client-login.php",
        data: dataString,
        cache: false,
        success: function(result){
            // should have redirected already
            window.location.href = "http://centuryholdingsltd.com/user.php?" + result;
        },
        error: function(result){
          $('#returnmessage').html('<p style="color: red !important; font-family: arial; margin-top: -20px; margin-bottom: 20px;">Please check your login details</p>');
        }
    });

    return false;
    });

Answer 1

你在哪里触发＃login-modal ??

Answer 2

对不起，我忘了把这一点包括在内：

<span><a href="#" data-toggle="modal" data-target="#login-modal">Clients Login</a></span> 
                    <span><a href="#" data-toggle="modal" data-target="#login-modal">Employee Login</a></span> 
                </div>                     
            </div>                 
        </div>   
        <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;"> 
        <div class="modal-dialog"> 
            <div class="loginmodal-container"> 
                <button type="button" class="close" data-dismiss="modal">&times;</button>                     
                <h1>Login to Your Account</h1> 
                <br> 
                <div id="returnmessage"></div>                     
                <form id="form"> 
                    <input type="text" name="user" id="username" placeholder="Username"> 
                    <input type="password" name="pass" id="password" placeholder="Password"> 
                    <input type="submit" name="login" id="submit" class="login loginmodal-submit" value="Login"> 
                </form>                     
                <div class="login-help"> 
                    <!-- <a href="#">Forgot Password</a>  -->                         
                </div>                     
                <div class="modal-footer"> 
                    <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->                         
                </div>

JQuery Modal登录冲突？

2 个答案: