Javascript jquery数据表正在断开页面上的链接

Javascript jquery数据表正在断开页面上的链接,javascript,php,mysql,jquery-datatables,Javascript,Php,Mysql,Jquery Datatables,因此,在本例中,我使用从mysql提取数据的php服务器端处理文件实现了jquery datatables。可能一点也不相关,但我想我会分享这些信息。我遇到的问题如下: <script src="js/jquery-1.11.0.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-switch.js"></scrip

因此,在本例中,我使用从mysql提取数据的php服务器端处理文件实现了jquery datatables。可能一点也不相关,但我想我会分享这些信息。我遇到的问题如下:

<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>
“登录”按钮用于工作。现在它只需重新加载相同的索引页。当我手动键入在链接上方悬停时显示的地址时

此页面将加载。但当我单击它时,它只会重新加载index.html页面,并在URL中添加一个“?”。我在正文底部使用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>

$(文档).ready(函数(){
$('#login')。提交(函数(){
log($(this));
返回false;
});
$(“#prettyTable”).dataTable({
“阿伦提努”:[[5,10,25,50,-1],[5,10,25,50,“全部”],
“iDisplayLength”:10,
“bProcessing”:正确,
“bServerSide”:正确,
“sAjaxSource”:“listOwners2.php”
});
});
真正困扰我的是,我以前在另一个作业中使用过数据表,并且没有任何类似的问题,如这里所示

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


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

实际上,该按钮不应该做任何事情,因为它没有链接到JavaScript事件。也要改变它:

向HTML锚添加按钮样式在引导中有效。它将为您提供相同的布局


或者用按钮包装HTML锚,但第一种方法更有效

你确定它的数据表断开了导航链接吗我正在使用datatables,链接对我来说没有问题。您正在导入datatables两次<代码>删除第一个,它会导致错误。@Kinghery14欢迎您。如果它对您有效,请将其标记为正确答案。:)