jquery datatables破坏页面上的链接

Question

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

所以我在这个例子中使用了一个 php 服务器端处理文件来实现 jquery 数据表，该文件从 mysql 中提取数据。可能根本不相关，但我认为 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 锚点在 Bootstrap 中是有效的。它会给你相同的布局。

或者用按钮包裹HTML锚不相反，但第一种方法更有效！