日期:2014-05-16  浏览次数:20274 次

js函数自加载问题
各位大侠们好,最近写网站总是碰到同一个问题,就是在页面写的js函数总是不能自动运行,代码如下:
function orderList(id){
  var leftnum=40+(parseInt(id)-1)*70;
  var id='#id'+id;
  $(id).addClass('c_hover').siblings().removeClass('c_hover');
  $('#line').css('left',leftnum);
  }
  orderList(3)

这个函数本身是没有问题的,因为如果通过元素的onclick去触发还是可以很正常的执行,现在我需要的就是这个函数在页面加载后直接运行orderList(3) 但是始终都不成功,alert测试到了
$(id).addClass('c_hover').siblings().removeClass('c_hover');
这一句的时候就不执行了,这是为什么呢!望高手指点一下,感激不尽!


------解决方案--------------------
orderList(3)
改成
window.onload=function(){
orderList(3);
}
可能是对应的元素还没加载进来你就要通过id获得他了
------解决方案--------------------
既然用jQuery为何不用jQuery的方式呢
 $(document).ready(function () {
alert("页面加载完成");
});
简写等价于上面的
$(function () {
alert("页面加载完成");
});