WinJS flipview空或未定义的错误

我试图将事件附加到WinJS应用程序中的flipView控件。WinJS flipview空或未定义的错误

我有HTML中的 “page2.html”

<div id="galleryTemplate" data-win-control="WinJS.Binding.Template"> 
       <div class="overlaidItemTemplate"> 
        <img class="image " src="#" data-win-bind="src: picture; alt: title" /> 
        <div class="overlay"> 
         <h2 class="ItemTitle" data-win-bind="innerText: title"></h2> 
        </div> 

       </div> 
      </div> 
<div id="page2FlipView" 
    data-win-control="WinJS.UI.FlipView" 
    data-win-options="{ itemDataSource: EtnologijaGallery.itemList.dataSource, 
         itemTemplate: galleryTemplate }"> 
</div>

和JavaScript “page2.js”

processed: function (element, options) { 
     myFilpView = document.getElementById("page2FlipView").winControl.addEventListener("pageselected", handlePageSelected); 

     console.log(myFlipView) 
    }

此代码将重视和火灾事件，但价值pages.define节的myFlipView是“未定义”，我得到一个错误“Unable to get property 'addEventListener' of undefined or null reference”

我也试过在pages.define节中的准备好函数中添加javascript代码，但我得到相同的结果。

有人可以帮我解决这个问题吗？

来源

2015-11-18 onedevteam.com

document.getElementById（“page2FlipView”）是否返回该元素？（最好做到这一点，以获得元素：element.querySelector（'page2FlipView'） –

console.log（myFlipView）返回“undefined” –

你可以发布你的HTML和JS文件吗？ –

我已经找到了最终解决方案。我换成

myFilpView = document.getElementById("page2FlipView").winControl;

与

myFlipView = element.querySelector('#page2FlipView').winControl;

，一切都开始工作。

来源

2015-11-18 22:39:17

WinJS flipview空或未定义的错误

回答

相关问题