【JQuery】初始化页面当异步加载时构建页面元素的顺序

今日帮同事看JQuery页面初始化的一个问题时，由于自己没怎么了解过JQuery，所以遇到了一点小麻烦，实现的效果就是初始化页面时，默认选中页面里某表格数据集的某行数据，这种问题，在Java\Delphi等语言里实现起来蛮容易，心想，JQuery里应该也还是容易的，这种小玩意儿不可能没提供吧~查了下API，嗯，的确对于JQ还是小菜一碟的，使用如下代码即可：

$("#JQGrid").setSelection(Rowid, true);

目前整个页面的构建都基于自写的JS文件去构建的，所以把上面这代码加在了理所当然初始化的地方，结果刷新没效，后来挪步到好多地方，还是没效果，this is why?

首先肯定的是HTML的JS文件的导入先后顺序是没错的，HTML按从上到下加载JS的原则，肯定先导入JQuery核心JS文件，然后最后附加自写的JS文件；

浏览了一遍.html文件，基本没错，那么问题还是出自于自写的JS上

由于JS异步调用了一Java后台编写的获取数据的方法，此时基本大概猜到了，应该是这异步加载顺序搞得鬼

接着加alert一步步跟踪，果然发现，当程序加载执行js时，当调用了一个function的异步方法之后，如你直接拿来用或者哪怕放在JS文件的最后，那也是无用的，因为异步调用还没返回数据，JS已经执行完了或者直接抛某个异步function里的某个值undefined，这就是代码没生效的最终原因；

其实这种问题，就如同Delphi、C#等高级语言里不能跨线程调用有异曲同工之妙

所以解决思路就是：

将代码放置在异步调用的function里，当调用完之后，无论页面其它是否执行初始化完毕，反正另一线程都会继续调用这个function，问题解决！

转载于:https://www.cnblogs.com/sunshinewu85/archive/2011/07/17/2108958.html

【JQuery】初始化页面当异步加载时构建页面元素的顺序相关推荐

ajax右侧刷新加载jsp,jsp实现局部刷新页面、异步加载页面的方法
jsp实现局部刷新页面.异步加载页面的方法局部刷新页面.异步加载页面方案: 1.在jsp页面需要刷新的地方增加一个控件 2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容) 3.将id为 ...
[html] iOS下页面如何启动加载时显示画面图片？如何设置大小？它有什么好处？
[html] iOS下页面如何启动加载时显示画面图片?如何设置大小?它有什么好处? <link rel="apple-touch-startup-image" href=&q ...
div加载异步加载html,初始化页面，异步加载组件的问题
需求是这样的:希望第一次加载页面时候把红色箭头部分的组件require.ensure加载. 红色部分的代码(未改动之前): render:function(){ return( //这里就是需要异步 ...
jQuery.treetable使用及异步加载
Usage 1 GitHub 地址 https://github.com/ludo/jquery-treetable/ 2 API 地址 http://ludo.cubicphuse.nl/jquer ...
ztree 更新配置后重新渲染树_【问】zTree异步加载时添加父节点怎样避免再次加载整树...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼具体情况是每当我执行add方法添加父节点的时候,都回去server端重新获取一次树节点信息,并加载在新增加的节点下. 页面代码如下 var settin ...
htmlunit爬取js异步加载后的页面
直接上代码: 一. index.html 调用后台请求获取content中的内容. <html> <head><script type="text/javas ...
基于jQuery的图片异步加载和预加载实例
如今的网页中有很多图片,比如相册列表,那么如果一次性读取图片将会瞬间加重服务器的负担,所以我们用jQuery来实现图片的异步加载和预加载功能,这样在页面的可视范围内才会加载图片,当拖动页面至可视界面时 ...
Jquery Ztree异步加载树
1. 下载jquery的JS文件/ztree的CSS文件和JS文件 https://jquery.com/download/ https://gitee.com/zTree/zTree_v3/tree ...
js按钮触发网页提醒_jquery,js页面加载时自动点击触发jq按钮-Go语言中文社区
jq加载时自动执行事件需要这样写 $(function(){ $('.signinpanel').hide();//加载时,隐藏一个元素 }) jq加载页面时自动点击按钮,则按钮 function ...

【JQuery】初始化页面当异步加载时构建页面元素的顺序

【JQuery】初始化页面当异步加载时构建页面元素的顺序相关推荐

最新文章

热门文章