Javascript 无法从JQuery获取单击_Javascript_Jquery_Html_Twitter Bootstrap

Javascript 无法从JQuery获取单击

javascript jquery html twitter-bootstrap

Javascript 无法从JQuery获取单击,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我终于到了构建网页的阶段，我被卡住了。我已经翻阅了无数页，试图理解我做错了什么，但没有任何帮助。因此，我转向你。我肯定我在做一些愚蠢的事情，但我找不到我已经建立了一个简单的登录屏幕，我正试图让提交按钮触发一个点击事件并显示我的成功模式。但是，当我单击submit时，什么也没有发生。Chrome中的控制台（开发工具）上也没有显示任何内容。我在JQuery和引导组件中发现了3个错误，但它们毫无意义 *jquery-1.11.2.min.js:1 Uncaught SyntaxError: Unex

我终于到了构建网页的阶段，我被卡住了。我已经翻阅了无数页，试图理解我做错了什么，但没有任何帮助。因此，我转向你。我肯定我在做一些愚蠢的事情，但我找不到

我已经建立了一个简单的登录屏幕，我正试图让提交按钮触发一个点击事件并显示我的成功模式。但是，当我单击submit时，什么也没有发生。Chrome中的控制台（开发工具）上也没有显示任何内容。我在JQuery和引导组件中发现了3个错误，但它们毫无意义

*jquery-1.11.2.min.js:1 Uncaught SyntaxError: Unexpected token :*
*bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js:6
(anonymous) @ bootstrap.min.js:6
jquery-1.11.2.min.js:1 Uncaught SyntaxError: Unexpected token :*

我的login.html代码

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Login</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <meta content="en-us" http-equiv="Content-Language" />
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Login</title>
</head>

<body style="padding-top:20px">
    <div class="col-md-10 col-md-offset-1">
        <div class="well">
            <table class="table table-bordered">
                <thead>
                    <tr class="success">
                        <td colspan="2">Login</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Username</td>
                        <td>
                             <input type="text" id="txtLogin"     placeholder="Username" />
                        </td>
                    </tr>
                    <tr>
                        <td>Password</td>
                        <td>
                             <input type="password" id="txtPassword"     placeholder="Password" />
                        </td>
                    </tr>
                    <tr class="success">
                        <td colspan="2">
                            <input id="btnSubmit" class="btn btn-success"     type="button" value="Submit" />
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="modal fade" tabindex="-1" id="successModal" data-    keyboard="false" data-backdrop="static">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">
                                &times;
                            </button>
                            <h4>Success</h4>
                        </div>
                        <div class="modal-body">
                            <h2>Login Successful</h2>
                        </div>
                        <div class="modal-footer">
                            <button type="button" data-dismiss="modal" class="btn btn-success">
                                Close
                            </button>
                        </div>
                    </div>
                </div>
                            <button type="button" data-dismiss="modal" class="btn btn-success">
                                Close
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="divError" class="alert alert-danger collapse">
                <a id="linkClose" class="close" href="#">&times;</a>
                <div id="divErrorText"></div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#linkClose').click(function () {
                $('#divError').hide('fade');
            });
            $('#btnSubmit').click(function () {
                $('#successModal').modal('show');
            });
        });
    </script>

</body>
</html>


登录
登录
登录
用户名
密码
&时代；
成功
登录成功
接近
接近
$（文档）.ready（函数（）{
$（'#linkClose'）。单击（函数（）{
$（'潜水员'）。隐藏（'褪色'）；
});
$（'#btnsupmit'）。单击（函数（）{
$（'successModal'）.modal（'show'）；
});
});

您的jQuery没有正确加载文件，请重新下载或使用此示例适用的cdn版本

$（文档）.ready（函数（）{
$（'#linkClose'）。单击（函数（）{
$（'潜水员'）。隐藏（'褪色'）；
});
$（'#btnsupmit'）。单击（函数（）{
$（'successModal'）.modal（'show'）；
});
});

登录
用户名
密码
&时代；
成功
登录成功
接近
接近
您的jQuery没有正确加载文件，请重新下载或使用此示例适用的cdn版本

$（文档）.ready（函数（）{
$（'#linkClose'）。单击（函数（）{
$（'潜水员'）。隐藏（'褪色'）；
});
$（'#btnsupmit'）。单击（函数（）{
$（'successModal'）.modal（'show'）；
});
});

登录
用户名
密码
&时代；
成功
登录成功
接近
接近
尝试：尝试从scr中删除缩小功能