Javascript WinJS AutoSuggestBox不';渲染不好

Javascript WinJS AutoSuggestBox不';渲染不好,javascript,microsoft-metro,winjs,Javascript,Microsoft Metro,Winjs,我正在使用此链接上第一个示例中的WinJS.UI.AutoSuggestBox: 我复制了完全相同的代码,以确保我没有犯任何错误,但它仍然无法正确渲染。我不知道可能是什么问题 PS:Data.animeList是在default.js上定义的名称空间,它工作正常,我在其他页面上也使用过它。它是一个字符串数组,就像上面提到的示例中的字符串一样。使用示例中提供的数组会产生相同的结果 这是显示问题所在的图像(好吧,它没有渲染,因此您将无法看到任何内容): 代码如下: //有关页面控件模板的介绍,请参

我正在使用此链接上第一个示例中的WinJS.UI.AutoSuggestBox:

我复制了完全相同的代码,以确保我没有犯任何错误,但它仍然无法正确渲染。我不知道可能是什么问题

PS:Data.animeList是在default.js上定义的名称空间,它工作正常,我在其他页面上也使用过它。它是一个字符串数组,就像上面提到的示例中的字符串一样。使用示例中提供的数组会产生相同的结果

这是显示问题所在的图像(好吧,它没有渲染,因此您将无法看到任何内容):

代码如下:

//有关页面控件模板的介绍,请参阅以下文档:
// http://go.microsoft.com/fwlink/?LinkId=232511
(功能(){
“严格使用”;
定义(“/Pages/home/home.html”{
//每当用户导航到此页面时,都会调用此函数。它
//用应用程序的数据填充页面元素。
就绪:功能(元素、选项){
//TODO:在此处初始化页面。
WinJS.UI.processAll().then(函数(){
//渲染动画列表视图。
//var animeListView=document.getElementById(“animeList”);
//animeListView.winControl.header=渲染器。\u animeListHeader模板;
//animeListView.winControl.itemDataSource=Data.animeListData.dataSource;
//animeListView.winControl.itemTemplate=渲染器。\u animeListTemplate;
//animeListView.winControl.layout=新建WinJS.UI.GridLayout();
});
},
卸载:函数(){
//TODO:响应离开此页面的导航。
},
updateLayout:函数(元素){
/// 
//TODO:响应布局中的更改。
},
});
var suggestionList=Data.animeList;
函数SuggestionRequestedHandler(eventObject){
var queryText=eventObject.detail.queryText,
query=queryText.toLowerCase(),
suggestionCollection=eventObject.detail.searchSuggestionCollection;
如果(queryText.length>0){
for(var i=0,len=suggestionList.length;i

家
动漫经理
轮廓
设置

我发现了问题。我的WinJS已经过时了-我正在使用WinJS 3,这个功能是针对WinJS 4的