加载页面时执行功能

时间:2013-05-31 05:36:34

标签: jquery function

$(window).bind("load", function() {
   $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important');
});

如何在加载页面后立即执行此功能? 只有当我刷新页面时才会调用此函数,但我希望在加载页面时调用它。

5 个答案:

答案 0 :(得分:5)

使用 document.ready

这样
$(document).ready(function(){     
    $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important');
});

或者您可以使用 $(功能),如

$(function(){
    $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important'); 
});

答案 1 :(得分:2)

$(document).ready(function(){
   //execute ur code here.
});

答案 2 :(得分:1)

尝试以下代码

$(document).ready(function() {
  // Handler for .ready() called.
  $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important');
});

OR

$(function() {
     // Handler for .ready() called.
     $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important');
    });

.ready() - 指定在DOM完全加载时要执行的函数。

jQuery Document Ready Explained

答案 3 :(得分:1)

使用jQuery,你可以使用;

$(function(){
//Your code here
});

答案 4 :(得分:0)

$(document).ready(function(){
   //Write your code 
});

将脚本放在底部

脚本引起的问题是它们会阻止并行下载。 HTTP / 1.1规范建议浏览器每个主机名并行下载不超过两个组件。如果您从多个主机名提供图像,则可以并行执行两次以上的下载。但是,在下载脚本时,即使在不同的主机名上,浏览器也不会启动任何其他下载。 在某些情况下,将脚本移到底部并不容易。例如,如果脚本使用document.write插入页面内容的一部分,则无法在页面中向下移动。可能还存在范围问题。在许多情况下,有办法解决这些问题。 经常出现的另一种建议是使用延迟脚本。 DEFER属性指示脚本不包含document.write,并且是浏览器可以继续呈现的线索。不幸的是,Firefox不支持DEFER属性。在Internet Explorer中,脚本可能会延迟,但不是所需的。如果可以延迟脚本,也可以将其移动到页面底部。这将使您的网页加载速度更快。

http://developer.yahoo.com/performance/rules.html#js_bottom