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

Ipad下引用js失败问题解决

? ? 今天遇到一个小问题:在页面调用一个js方法时,在Ipad中无法正常执行,但在PC机的浏览器(IE8,FF7.0,Safari5.1)中都可以正常执行。

工的jsp结构如下:

?

在index.jsp中的不同DIV下通过load方法加载不同的页面,如head.jsp、left.jsp、center.jsp等。

我在center.jsp中定义一js方法,在Ipad下不能正常调用。

代码如下:(jquery.js已经在index.jsp页面引入,这里就不用引入了)

?

<head>
<title>sssss</title>
<script type="text/javascript">
<!--
    //当进入此页面时,返回页面顶部
    $(document).ready(function() {  
       $('html, body').animate({scrollTop:0}, 'slow');   
    });
  //-->
</script>
</head>
?

?

经过排查发现,此问题应该是由于在Ipad中js没有加载引起,解决此问题的方法有两种:

1、在进入系统的第一个页面就加载所有的js,即在index.jsp中加载所有js。

2、将此页面的js方法放在页面最后加载(之前本人的习惯是放在<head>中间)。代码如下:

? </body>

</html>
<script type="text/javascript">
<!--
    //当进入此页面时,返回页面顶部
    $(document).ready(function() {  
       $('html, body').animate({scrollTop:0}, 'slow');   
    });
  //-->
</script>