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空或未定義的錯誤

回答

相關問題