关于jQuery mobile引入第三方js的问题

骑单车的程序员 发布于 2014/10/30 10:50
阅读 751
收藏 0

后台框架使用的是springmvc,两个页面login.jsp ,mainpage.jsp,

想在mainpage.jsp引入一个js,可以实现图片轮播效果的,

参考了官方文档:
http://view.jquerymobile.com/1.3.1/dist/demos/faq/scripts-and-styles-not-loading.html

mainpage.jsp中引入方式如下:


<div data-role="page" id="pageone" data-theme="b">
<script src="<%=path%>/js/jquery.slides.min.js"></script>

<script>
/* $(document).on("pageinit","#pageone",function(){
alert(1);
 $('#slides').slidesjs({
       width: 940,
       height: 528,
       play: {
         active: true,
         auto: true,
         interval: 4000,
         swap: true
       }
     });   
 alert(2);
}); */
 $(function(){
 
  $('#slides').slidesjs({
       width: 940,
       height: 528,
       play: {
         active: true,
         auto: true,
         interval: 4000,
         swap: true
       }
     });   
}); 
</script>
...
</div>

那么,问题就来了,如果我是通过访问login页面登陆的方式,经过后台验证后,返回到主页时,显示如下:

而如果我直接访问主页,则可以正常显示:


加载中
返回顶部
顶部