未能在加载新的.jsp页面时，在“新”JSP页面上加载脚本和图像

问题发生。问题在于它无法加载，如主题所述，脚本或图片。未能在加载新的.jsp页面时，在“新”JSP页面上加载脚本和图像

我的index.jsp

<html> 
<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="js/jquery.mobile-1.1.0.css" /> 
    <script type="text/javascript" src="js/dataManager.js"></script> 
    <script type="text/javascript" src="js/MenuLoader.js"></script> 
    <script type="text/javascript" src="js/jquery-1.7.2.js"></script> 
    <script type="text/javascript" src="js/jquery.mobile-1.1.0.js"></script> 
</head> 
<body> 


    <!-- Start of first page --> 
    <div data-role="page" id="first"> 

     <div data-role="header"> 
      <a href="#" data-rel="back" data-role="button" ><img align="middle"src="images/back.png" alt="beskeder" vspace="2"/></a> 
      <h1><img onclick="getStuff('/product/5')" align="middle"src="images/main_header.png" alt="beskeder" vspace="2"/></h1> 
     </div><!-- /header --> 

     <div data-role="content" id="firstPageContent"> 
      <p>I'm first in the source order so I'm shown as the page.</p>  
      <p>View internal page called <a href="#second">second</a></p> 
      <a href="pages/mapMode.jsp" id="mapLink" name="mapLink"><img id="mapLinkImage" alt="a map which links to the mapPage" src="images/beskeder.png"/></a> 
      <Button text="menuLoader.load" id="loadButton" name="loadButton" onClick="load()">menuLoader.load</button> 
      <Button text="dataManager.addPicture" name="addPictureButton" id="addPictureButton" onClick="addPicture('firstPageContent')">dataManager.addPicture</button> 
      <Button text="dataManager.reset" name="reset" id="reset" onClick="resetPageContent('firstPageContent')">dataManager.resetPageContent</button> 
     </div><!-- /content --> 

     <div data-role="footer"> 
      <h4>Page Footer</h4> 

     </div><!-- /footer --> 
    </div><!-- /page --> 
</body> 
</html>

当我按下mapLink按钮，然后我打了所需的jsp页面，但它只是不加载任何图片，按钮的onclick功能不起作用。

这里是为mapMode.jsp代码（几乎相同的index.jsp）：

<html> 
    <head> 
     <title>My Page</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="js/jquery.mobile-1.1.0.css" /> 
     <script type="text/javascript" src="js/dataManager.js"></script> 
     <script type="text/javascript" src="js/MenuLoader.js"></script> 
     <script type="text/javascript" src="js/jquery-1.7.2.js"></script> 
     <script type="text/javascript" src="js/jquery.mobile-1.1.0.js"></script> 
    </head> 
    <body> 


     <!-- Start of first page --> 
     <div data-role="page" id="mapmode"> 

      <div data-role="header"> 
       <a href="#" data-rel="back" data-role="button" ><img align="middle"src="images/back.png" alt="back" vspace="2"/></a> 
       <h1><img onclick="getStuff('/product/5')" align="middle"src="images/main_header.png" alt="logo" vspace="2"/></h1> 
      </div><!-- /header --> 

      <div data-role="content" id="mapmodePageContent"> 
       <p>I'm the first page in mapMode!.</p>  
       <Button text="dataManager.addPicture" name="addPictureButton" id="addPictureButton" onClick="addPicture('mapmodePageContent')">dataManager.addPicture</button> 
       <Button text="dataManager.reset" name="reset" id="reset" onClick="resetPageContent('firstPageContent')">dataManager.resetPageContent</button> 
      </div><!-- /content --> 

      <div data-role="footer"> 
       <h4>Page Footer</h4> 

      </div><!-- /footer --> 
     </div><!-- /page --> 
    </body> 
</html>

来源

2012-07-12 Anders Metnik

如果你把你的JS在子文件夹记得添加“../”您的图片位置盈...笨我

来源

2012-07-12 12:24:10

未能在加载新的.jsp页面时，在“新”JSP页面上加载脚本和图像

回答

相关问题