Question

我的第一个PhoneGap应用程序包含2个HTML文件。

第一个名为index.html，使用index.js。该文件将显示一个列表项。当我单击该列表中的某个项目时，它会将我带到detail.html文件：

   $.mobile.changePage("detail.html", { transition: "slideup"});

OR

   location.href = "detail.html";

在detail.html页面上，我加载detal.js。但它没有用。我无法使用detail.js中的函数。

请给我你的建议，有什么例子吗？

拍摄照片

    <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />
    <link rel="stylesheet" href="css/getAbstract.min.css" />
    <script src="js/jquery-1.9.0.min.js"></script>
    <script src="js/jquery.mobile-1.3.0.min.js"></script>
    <script src="js/jquery.ba-dotimeout.js"></script>
    <script src="js/jquery.dst.js"></script>

    <script type="text/javascript" charset="utf-8" src="js/cordova-2.5.0.js"></script>
    <script type="text/javascript" charset="utf-8"></script>


</head>
<body>

    <div data-role = "page" data-theme = "a" id = "pageContainer">
        <!--Start Page Header -->
        <div data-role = "header" id = "pageHeader" data-nobackbtn = "true" data-position = "fixed">
            <h1>Camera</h1>
        </div>
        <!--End Page Header -->

        <!--Start Page Content-->
        <div data-role = "content" id= "pageContent">
            <a data-role = "button" id = "btnCaptureEdit" href = "">Capture Edit</a>
            <a data-role = "button" id = "btnLibraryPhoto" href = "">Get Photo From Library</a>
            <a data-role = "button" id = "btnAlbumPhoto" href = "">Get Photo From Album</a>
        </div>
        <!--End Page Content-->

        <!--Start Page Footer-->
        <div data-role = "footer" id = "pageFooter">
        </div>
        <!--End Page Footer-->

    </div>
    <script src="js/detail.js"></script>

</body>

</html>

Answer 1

如果这是您的detail.html，我看不到您在哪里加载detail.js？也许这个

<script src="js/index.js"></script>

应该是这个

<script src="js/detail.js"></script>

Answer 2

我遇到了同样的问题，并找到了答案。如果将node.js与express一起使用，则需要给它自己的函数，以便到达js文件。例如：

const script = path.join(__dirname, 'script.js');
const server = express().get('/', (req, res) => res.sendFile(script))

以HTML格式加载Js文件

2 个答案: