javascript - Phonegap index.js 未输入 $(function(){})

Question

这仅发生在设备上，而不发生在模拟器中。我可以得到第一个警报，这让我相信这不是一个 html 问题(当然非常愿意纠正这个问题......)。在 weinre 调试器中，我尝试复制并粘贴 $(document).on 函数，但它说 $(document) 为空。昨天晚上这工作正常，直到我不小心用 libre office 而不是 notepad++ 打开了文件。 Notepad++ 将换行符显示为 CR CF，这可能与此有关吗？

编辑:我将index.html 的内容复制到记事本文件中并将其另存为html，以消除任何隐藏的格式。我还在 index.html 中添加了 jQuery 作为第一个脚本。

最后，如果我查看 weinre 调试器中的元素，我可以看到 index.html。

jQuery(document) 给了我 ReferenceError: jQuery is not Defined 所以 jquery 似乎出了问题...

<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>

路径正确

回答咳咳...我的bat脚本打包bin/debug/的内容只打包文件而不是文件夹，所以没有js文件夹进入zip...

预先感谢您的帮助!

window.PhotoScan = window.PhotoScan || {};

alert("we can get this far");


$(function () {

    alert("how do we not get to here???!!!!!");

    $(document).on("deviceready", function () {
        alert("index #5");
        navigator.splashscreen.hide();
        if(window.devextremeaddon) {
            window.devextremeaddon.setup();
        }
        $(document).on("backbutton", function () {
            DevExpress.processHardwareBackButton();
        });
    });

    function onNavigatingBack(e) {
        if (e.isHardwareButton && !PhotoScan.app.canBack()) {
            e.cancel = true;
            alert("index #6");
            exitApp();
        }
    }

    function exitApp() {
        switch (DevExpress.devices.real().platform) {
            case "android":
                navigator.app.exitApp();
                break;
            case "win8":
                window.external.Notify("DevExpress.ExitApp");
                break;
        }
    }

    alert("index #7");
    PhotoScan.app = new DevExpress.framework.html.HtmlApplication({
        namespace: PhotoScan,
        layoutSet: DevExpress.framework.html.layoutSets[PhotoScan.config.layoutSet],
        navigation: PhotoScan.config.navigation,
        commandMapping: PhotoScan.config.commandMapping
    });

    alert("index #8");

    PhotoScan.app.router.register(":view/:id", { view: "home", id: undefined });
    PhotoScan.app.on("navigatingBack", onNavigatingBack);

    PhotoScan.app.navigate();
});

Answer 1

不确定你哪里出了问题，但通常我只是将引导代码包装在准备好的设备中。因为我通常首先创建一个数据库架构。

document.addEventListener('deviceready', function () {
  alert("index #5");
    navigator.splashscreen.hide();
    if(window.devextremeaddon) {
        window.devextremeaddon.setup();
    }
    $(document).on("backbutton", function () {
        DevExpress.processHardwareBackButton();
    });
 });

 // ... your other functions here

如果您想让它们远离全局范围，可以将它们包装在自执行函数中:

(function() {
  document.addEventListener('deviceready', function () {});
})();

我还没有在cordova应用程序中使用准备好的文档，因为我只是在底部加载了js脚本。然后我通过 handle 栏模板和 JavaScript 加载大部分内容。

编辑

根据评论，您需要确保每次添加新文件或对 cordova 项目中的文件进行更改时，都必须重新构建它:

 cordova run ios --device
 cordova run android