页面抖动加载与jquery脚本
Page jitters onload with jquery scripts
我用jquery做了很多"后期制作",从逻辑上讲,当页面加载时,jquery脚本加载需要几秒钟的时间,导致臭名昭著的"抖动"效果。现在我陷入了一个特殊的困境。我操作HTML结构的唯一方法是使用jQuery。我没有访问HTML的权限。我已经附上了我的jQuery代码,想知道什么是最好的方法是加快一点或使事情更好地流动。
$(document).ready(function() {
//Remove container class from masthead
$('#masthead').removeClass('container');
//Move search bar to navbar
$('#search').unwrap();
$('.nav.navbar-nav').append($('#search'));
$('#search').removeClass('text-right');
$('#search').addClass('pull-right');
//Logo size
$('.pageLogo').children('img').css('width', '100px');
$('.nav.navbar-nav').append('<li class="dropdown"><a href="#" class="dropdown-toggle disabled" data-toggle="dropdown"><span class="userdropdown">Login</span><b class="caret"</b></a><ul class="dropdown-menu profileul" role="menu"></ul></li>');
if($('.notloggedin').length) {
$('.profileul').append($('#internal_login_form'));
} else {
$('.userdropdown').text($('.user-details').html().split('<br>')[1]);
$('.profileul').append($('.profile-menu').children('.dropdown-menu').children());
$('.user-details').next().remove();
$('.user-details').remove();
$('.profileul').append($('#langSel'));
}
$('#login_info').remove();
$('.navbar').unwrap().unwrap().unwrap();
//Add Logo to navbar header
$('.navbar-header').append($('.pageLogo'));
//Remove original container for
$('#masthead').children().first().remove();
//Change pageLogo class to navbar-brand
$('.pageLogo').addClass('navbar-brand');
$('.navbar-brand').removeClass('pageLogo');
//Login Form
$('#login_page').children('div').remove();
//Footer
$('#footer').find('hr').remove();
//Remove glyphicon from learning path
$('.glyphicon-play').remove();
//Move forums tile on mycourse page
$('.forums').appendTo($('.col-md-4').first());
});
如果你不绑定到document.ready
,而是绑定到window.onload
,会发生什么?
eg: window.onload = function() { .... }
不确定是否会有不同,但可能值得一试。
相关文章:
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 导入jQuery脚本获胜'我不处理html文件
- 用于发现哪个JS/jQuery脚本正在冻结页面的工具或技术
- JQuery脚本在IE中不起作用
- 自定义jQuery脚本无法在Wordpress上运行
- jQuery脚本在googlechrome中不起作用
- 重新启动jquery脚本后,角度停止工作
- 一个简单的粘性头jQuery脚本的问题
- 如何让C#代码在页面加载时运行的jquery脚本之后运行
- 为什么我用于检查所需输入字段的jQuery脚本如此缓慢
- MVC5更改jquery脚本中的图像src
- Jquery脚本未在运行时加载编辑:意外的令牌
- 用于wooccommerce的简单JQuery脚本不起作用
- JQuery脚本没有'Don’我不能工作两次
- 在jQuery脚本中放置15秒的延迟
- jquery脚本只能在一个方向上正常工作
- 注入的元素和jQuery脚本.如何让他们一起工作
- 如果视图中没有Jquery脚本引用,Unobtrusive Javascript Validation是不起作用的
- 让两个 jquery 脚本像它们应该的那样协同工作
- 如何在 Django Form 中使用 Jquery 脚本的值