如何在使用 requirejs 和 kendo mobile 初始化视图后提醒值

Question

我正在使用带有剑道移动的示例应用程序，需要js。我正在尝试从另一个视图导航到新视图。转到视图后，我必须提醒或打印一个值。喜欢在我出现在视图中时检查。我正在使用剑道音乐商店的一些示例代码。我无法在该视图中打印任何内容。找到下面的代码。

主.js

var app;
require.config({
paths: {
    jQuery: "../kendo/js/jquery.min",
    kendo: "../kendo/js/kendo.mobile.min"       
},
shim: {
    jQuery: {
        exports: "jQuery"
    },
    kendo: {
        exports: "kendo"
    }
}

}）;

require(["jQuery", "app"], function($, application) {
$(function() {
    app = application
    application.init();
});

}）;

应用.js

define(["jQuery", "kendo", "about-view", "account-view", "utils", "home-view"], function($,
            kendo, aboutView, accountView, utils, homeView) {
        var _onError = function(error, url, line) {
        };
        var init = function() {
            window.onerror = _onError;
            var kendoApp = new kendo.mobile.Application(document.body, {
                        transition : "fade",
                        initial : "login-view",
                        loading : '<h1 class="loading-message">Loading...</h1>'
                    });
            utils.init(kendoApp);
        };
        return {
            aboutView : aboutView,
            accountView : accountView,
            utils : utils,
            homeView : homeView,
            init : init
        };
    });

下面是我正在创建的新视图，用于在导航到该视图时提醒值

define(["jQuery", "kendo", "utils"], function($, kendo, utils) {
return {
    init: function(){
        console.log("init home view");
    },
};

}）;

我的索引.html已经有了该视图，一旦我导航，我就能看到该视图，但是每当我导航到该视图时，我都无法打印或提醒任何值。

<div data-role="view" id="home-view" data-layout="home-layout" data-title="Home" data-model="app.homeView.viewModel">
        <p>
            Test para1
        </p>
        <p>Test para2
        </p>
    </div>
    <!-- <script src="cordova.js"></script> -->
    <!-- RequireJS is a JavaScript file and module loader(Below main.js file is set to load) -->
    <script data-main="scripts/main.js" src="scripts/require.js"></script>

Answer 1

您可以向视图div 添加额外的属性以绑定生命周期事件，如下所示：

<div data-role="view" data-layout="home-layout" 
   id="home-view" data-title="Home" 
   data-init="app.homeView.init"
   data-model="app.homeView.viewModel">

还有其他事件也可以绑定（例如显示、隐藏） - 完整列表在移动视图文档中

Answer 2

如果要在进入此视图时显示警报，则可以使用数据显示

<div data-role="view" id="home-view" data-model="app.homeView.viewModel" data-show="app.homeView.init">