最近在搞一个webapp,在jquerymobile用pagecontainer('change')方法来实现页面局部跳转，但是在A页面跳转到B页面的时候，B页面的js却没有执行了，这是为什么呢？我用network发现B页面的js已经下载finished了，但是就是不执行。很多人说把js放到第二个页面的data-role=‘page’里面，可是还是不行。直接上代码吧。这是B页面的代码
这个是跳转之后连requireJS的两个js都没有下载的
<!-- mainview -->
<div name ="main" id="mainView" data-role="page">
<!-- jQuery -->
<script src="../js/public/jquery-2.1.0.min.js"></script>
<!-- jQuery Mobile -->
<script src="../js/public/jquery.mobile-1.4.5.min.js"></script>
<!-- jQuery Mobile css -->
<link rel="stylesheet" href="../css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" type="text/css" href="../css/DIYIcon.css">
<link rel="stylesheet" type="text/css" href="../css/mainCss.css">
<link rel="stylesheet" type="text/css" href="../myPlugIn/css/style.css">
<meta http-equiv="Cache" content="no-cache">
<script type="text/javascript" data-main = '../js/call/MainView.js' src="../js/public/require.js" async="false"></script>
<!-- <script type="text/javascript" src="../js/public/require.js"></script>
<script type="text/javascript" src="../js/call/MainView.js"></script> -->
<!--头部-->
<!-- <script type="text/javascript">
require(['insert','listen','util'],function(insert,listen,util){
$(window).on('resize',util.changeFrameHeight());
listen.showDirector();
listen.showProjectManage();
listen.bottomNavigationBar();
listen.searchInsert();
listen.searchBt();
// listen.leftAndRigth();
})
</script> -->
然而我用下面的这段代码，却可以在跳转之后运行js这是为什么呢？如果把代码写在html页面上就失去了requireJS的意义了？？我应该怎么做呢？？
<!-- mainview -->
<div name ="main" id="mainView" data-role="page">
<!-- jQuery -->
<script src="../js/public/jquery-2.1.0.min.js"></script>
<!-- jQuery Mobile -->
<script src="../js/public/jquery.mobile-1.4.5.min.js"></script>
<!-- jQuery Mobile css -->
<link rel="stylesheet" href="../css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" type="text/css" href="../css/DIYIcon.css">
<link rel="stylesheet" type="text/css" href="../css/mainCss.css">
<link rel="stylesheet" type="text/css" href="../myPlugIn/css/style.css">
<meta http-equiv="Cache" content="no-cache">
<!-- <script type="text/javascript" data-main = '../js/call/MainView.js' src="../js/public/require.js" async="false"></script> -->
<script type="text/javascript" src="../js/public/require.js"></script>
<script type="text/javascript" src="../js/call/MainView.js"></script>
<!--头部-->
<script type="text/javascript">
require(['insert','listen','util'],function(insert,listen,util){
$(window).on('resize',util.changeFrameHeight());
listen.showDirector();
listen.showProjectManage();
listen.bottomNavigationBar();
listen.searchInsert();
listen.searchBt();
// listen.leftAndRigth();
})
</script>