Question

所以目前在我的windows 8 javascript应用程序（基于导航模板），从home.html的相应home.js文件中的default.js初始化点导航到应用启动（home.html）上的主页，我正在创建这个手势系统来处理捏缩放和来回滑动（这是正常的）：

(function () {
    "use strict";

    WinJS.UI.Pages.define("/pages/home/home.html", {
        // This function is called whenever a user navigates to this page. It
        // populates the page elements with the app's data.
        processed: function (element, options) {
            MyGlobals.loadBooks();
            if (!MyGlobals.localSettings.values['firstRunCompleted']) {
                MyGlobals.localSettings.values['firstRunCompleted'] = true;
                MyGlobals.loadXmlBooksIntoDatabase();
                //MyGlobals.integrityCheck();
            };
            WinJS.Resources.processAll();
        },
        ready: function (element, options) {
            var myGesture = new MSGesture();
            var chapterContainer = document.getElementById("main-content-area");
            myGesture.target = chapterContainer;

            WinJS.Namespace.define("MyGlobals", {
                myGesture: myGesture,
            });

            chapterContainer.addEventListener("MSGestureStart", this.gestureListener, false);
            chapterContainer.addEventListener("MSGestureEnd", this.gestureListener, false);
            chapterContainer.addEventListener("MSGestureChange", this.gestureListener, false);
            chapterContainer.addEventListener("MSInertiaStart", this.gestureListener, false);
            chapterContainer.addEventListener("MSGestureTap", this.gestureListener, false);
            chapterContainer.addEventListener("MSGestureHold", this.gestureListener, false);
            chapterContainer.addEventListener("pointerdown", this.gestureListener, false);
        },
      gestureListener: function (evt) {
            console.log("in gesturelistener now");
            if (evt.type == "pointerdown") {
                MyGlobals.myGesture.addPointer(evt.pointerId);
                return;
            }

            if (evt.type == "MSGestureStart") {
                if (evt.translationX < -3.5) {
                    MyGlobals.nextChapterHandler();
                };
                if (evt.translationX > 3.5) {
                    MyGlobals.previousChapterHandler();
                }
            };

            if (evt.type == "MSGestureChange") {
                if (evt.scale < 1) {
                    MyGlobals.fontSizeModify("decrease");
                };
                if (evt.scale > 1) {
                    MyGlobals.fontSizeModify("increase");
                }
            };

        },

问题是，当我使用WinJS.Navigation.navigate（）导航到另一个页面时，当我使用WinJS.Navigation.navigate（）导航回home.html时，所有上述事件侦听器都没有工作，似乎没有添加到chapterContainer（从检查实时DOM）。但是，ready：function中的所有其他事件侦听器都可以正常工作（从上面的代码中省略了其他侦听器）。我在这里做错了吗？非常感谢！

Answer 1

The page being navigated to also had a div with id "main-content-area", and the event listeners were going onto the old page instead of the page being navigated back to.

Windows 8 Javascript App事件监听器问题

1 个答案: