文章/答案/技术大牛

发布

社区首页 >问答首页 >第一次加载页面时JQuery数据表不工作

问第一次加载页面时JQuery数据表不工作
EN

Stack Overflow用户

提问于 2017-03-13 09:07:48

回答 1查看 789关注 0票数 1

我有一个具有排序、搜索和页行限制功能的JQuery数据表。搜索运行得很好。

但是排序和页面行数限制功能是不工作的，首先加载页面。如果我搜索一些东西，并尝试页面行限制功能和排序，那么工作正常。

我的脚本代码：

<script>
$(document).ready(function() {
    $('#dataTables-example').dataTable({
        "serverside": true,
        "searching": true,
        "ordering": true,
        "deferLoading": 57,
        "displayStart": 20,
        "order":[2, "asc"]

    });

});
</script>

(此脚本位于表格html代码之后。)

我找不出这里的错误。请帮帮我。

datatables

javascript

jquery

回答 1

Stack Overflow用户

发布于 2017-03-13 09:28:54

你不应该用"dataTable“而不是"DataTable”吗？

$(document).ready(function() {
    $('#dataTables-example').DataTable();
});

dataTable() vs. DataTable() - why is there a difference and how do I make them work together?

https://datatables.net/forums/discussion/23540/datatable-vs-datatable

还有一个使用DataTable的order函数的示例：https://datatables.net/examples/basic_init/table_sorting.html

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42759878

复制

用jquery刷新或重新加载页面

jq 开发

在网页开发过程中，经常会遇到需要重新加载或刷新页面，下面我来说一下如果通过jq来刷新或重新加载页面，来看代码。

OECOM

2020/07/01

7.2K0

原生js与jquery加载页面元素比较

jquery

声明：本文为原创，作者为对弈，转载时请保留本声明及附带文章链接：http://www.duiyi.xyz/%e5%8e%9f%e7%94%9fjs%e4%b8%8ejquery%e5%8a%a0%e8%bd%bd%e9%a1%b5%e9%9d%a2%e5%85%83%e7%b4%a0%e6%af%94%e8%be%83/

对弈

2019/09/04

11.6K0

jQuery页面加载完毕后执行事件

jquery css html

window.onload 表示的是页面被加载完毕。 <img src=”htttp://baidu.com/156.jpg”/> onload必须等等页面中的图片、声音、图像等远程资源被加载完毕后才调用而jQuery中只需要页面结构被加载完毕。

葆宁

2019/04/19

21.3K1

用jQuery模拟页面加载进度条

jquery html 企业

　　因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？

胡尐睿丶

2022/03/23

2.2K0

Android 9.0使用WebView加载Url时，显示页面无法加载

android

最近使用WebView加载Url显示页面，因为之前已经使用过很多次这种方式了，打包后在6.0的测试机上测试没什么问题，然后安心的将包给测试，测试大佬的手机系统是Android 9.0的，所以就出现了页面无法加载的情况，还以为是自己代码哪里写错了，检查了很多遍都没发现什么问题，然后在5.0，7.0，8.0的测试机上测试都没问题，那就想到是9.0系统问题了，先看页面报错图：

SoullessCoder

2019/08/07

7.6K0

页面加载中jquery逐渐消失效果实现

jquery html

为了获得更好的用户体验，现在大多数网页都会在页面中加一个加载中效果，这里实现一个加载中逐渐消失的效果，以至于看上去不那么生硬。 html: <div id="loading"><img src="images/common/loading.gif" alt=""></div> css: /*加载中*/ #loading{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; backgroun

蓓蕾心晴

2018/04/12

2.4K0

从零开始学 Web 之 jQuery（一）jQuery的概念，页面加载事件

jquery java html

JavaScript 开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。

Daotin

2018/08/31

1.7K0

jQuery遮罩（Mask）及弹窗时禁止页面滚动实现

jquery css html5 html

保险起见可以把 html 和 body 的高度都设置 100% ，如下，用添加 class 的方法实现：

德顺

2019/11/13

6.6K0

jQuery 双击事件（dblclick）时，不触发单击事件(click)

jquery

在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素（如div等），如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)，执行双击事件(dblclick)时却会触发两次单击事件(click)。先看一下点击事件的执行顺序：

飞奔去旅行

2019/06/13

5.6K0

vue 重新加载页面_页面重新加载

https 网络安全 vue.js

全栈程序员站长

2022/11/03

4.9K0

vue cdn引入页面加载时出现模版渲染问题

vue.js 编程算法

bug问题出现的原因 vue的文件还未加载或还在加载中就会出现vue源码我们可以使用 v-cloak 指令来解决这一问题。

河湾欢儿

2022/09/21

1.3K0

JQuery 学了不亏

javascript jquery

jQuery是JavaScript的工具库，对原生JavaScript中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,提供更完善，更便捷的方法。

杨丝儿

2022/02/24

1.9K0

网站建设（二）通用--页面刚加载时的loading效果

渲染 http html javascript

有人问我：有些页面在刚进入的时候，会有loading效果，过一会儿后，loading效果消失，页面展示出来。这个效果如何实现呢？

用户7293182

2022/01/20

2.3K0

Layui数据表格的动态加载

mybatis data layui lombok 前端框架

Layui是一个很好的前端框架，很多人都会用到，layui的数据表格这个就是从数据库查询出来的数据渲染到表格上。

PHY_68

2020/10/28

2.8K0

jquery预加载图片

jquery

(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img');

用户8671053

2021/09/23

8.1K0

判断第一次加载

html java

<html> <head> <title>Hello World</title> <meta charset="utf-8"> <script languang="javascript"> function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length

牛老师讲GIS

2018/10/23

5510

jquery 加载 - ready方法

javascript jquery

将获取元素的语句写到页面头部，会因为元素还没有加载而出错。 JavaScript为了避免加载页面的元素报错的问题，需要在加载之中增加window.onload方法。如下：

Devops海洋的渔夫

2019/05/30

1.9K0

页面加载代码

css footer

在footer文件添加以下内容少女祈祷中... document.onreadystatechange = function() 　　//当页面加载状态改变的时候执行function { 　　 if(document.readyState == "complete"){ var df = document.getElementsByClassName("Bg_Th")[0]; df.style.display="none"; 　 } } 自

云计算小黑

2022/12/28

3.1K0

页面加载代码

php css footer

在footer.php文件最下面添加以下内容院长正在为您加急渲染... document.onreadystatechange = function() 　　//当页面加载状态改变的时候执行function { 　　 if(document.readyState == "complete"){ var df = document.getElementsByClassName("Bg_Th")[0];

院长技术

2022/03/10

3.1K0

CSS3的loading制作，让页面加载时不再单调

css

页面的loading效果一直都是个比较重要的制作，往往一个好的加载效果可以有效的提升用户体验。而实际开发中，loading效果具体该如何制作？前端工程师又会有哪些特殊的技能呢？本文主要内容 1、效果

HTML5学堂

2018/03/13

2K0

相似问题

页面加载时的Jquery不工作

当我加载页面时JQuery不工作

jQuery scrollTop在页面加载时不工作

加载jquery插件时richfaces页面不工作

.show()在页面加载时不工作- jQuery

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问第一次加载页面时JQuery数据表不工作
EN