jquery数据表打破了页面上的链接

时间:2014-03-30 03:40:05

标签: javascript php mysql jquery-datatables

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

所以我在这个例子中使用php serverside处理文件来实现jquery数据表,该文件从mysql中提取数据。可能不是真的相关,但我认为id分享该信息。我遇到的问题如下:

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

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

此页面加载。但是当我点击它时只需重新加载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>

最让我困扰的是我之前在另一项任务中使用过数据表,并且没有像这样的问题,如此处所示

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

在此页面中,导航链接仍可正常工作。

我如何获取我的PHP应用程序的登录页面?

1 个答案:

答案 0 :(得分:1)

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

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

向HTML锚点添加按钮样式在Bootstrap中有效。它会给你相同的布局。

或者使用不相反的按钮包装HTML锚点,但第一种方法更有效!