javascript - jquery 数据表破坏页面上的链接

Question

http://pytools.webfactional.com/capstoneTemp/

所以我在此示例中使用从 mysql 中提取数据的 php 服务器端处理文件实现了 jquery 数据表。可能根本不相关，但我认为 id 共享该信息。我遇到的问题如下:

用于工作的登录按钮。现在它只是重新加载相同的索引页面。当我手动输入鼠标悬停在链接上时显示的地址时，

http://pytools.webfactional.com/capstoneTemp/signIn.html

此页面加载。但是当我点击它时，它只是重新加载 index.html 页面并附加一个“？”到网址。我在正文底部使用了 javascript，如下所示:

<script src="js/jquery-1.11.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-switch.js"></script>
  <script src="js/DataTables.js"></script>
  <script src="js/jquery.dataTables.js"></script>
<script>
    $( document ).ready(function() {
        $('#login').submit(function(){
        console.log($(this));
            return false;
        });
        $('#prettyTable').dataTable({
            "aLengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "All"]],
            "iDisplayLength" : 10,
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": "listOwners2.php"
        });


    });
</script>

真正困扰我的是我之前在另一项作业中使用过数据表，但没有遇到任何此类问题，如此处所示

http://collegedata.pytools.webfactional.com/question9

在此页面中，导航链接仍然有效。

如何进入我的 PHP 应用程序的登录页面？

Answer 1

实际上按钮应该什么都不做，因为它没有链接到 JavaScript 事件。也改变它:

<a class="btn btn-primary" href="http://pytools.webfactional.com/capstoneTemp/signIn.html">Sign-In..</a>

为 HTML anchor 添加按钮样式在 Bootstrap 中是有效的。它会给你相同的布局。

或者用按钮包裹 HTML anchor 而不是相反，但第一种方法更有效!