0

新しい.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>
4

1 に答える 1

0

jsをサブフォルダーに入れる場合は、画像の場所の前に「../」を追加することを忘れないでください...愚かな私

于 2012-07-12T12:24:10.193 に答える