Javascript 单击项目时显示弹出按钮
在Metro应用程序中,如何在用户单击ListView项的子元素时显示弹出按钮。我的意思是,当用户单击下面ListView项目的“项目覆盖”时,应该显示一个弹出按钮。我遇到的问题是metro ListView没有为我提供事件方法来获取itemInvoked中的DOM HTMLJavascript 单击项目时显示弹出按钮,javascript,windows-8,microsoft-metro,Javascript,Windows 8,Microsoft Metro,在Metro应用程序中,如何在用户单击ListView项的子元素时显示弹出按钮。我的意思是,当用户单击下面ListView项目的“项目覆盖”时,应该显示一个弹出按钮。我遇到的问题是metro ListView没有为我提供事件方法来获取itemInvoked中的DOM HTML 您可能需要将WinInteractive添加到容器中,以确保列表视图不会吞噬与元素的任何交互 也就是说,给定你的处理程序,你为什么还要走这条路,默认调用的东西不给你你需要的东西吗 <!-- Detail items
您可能需要将WinInteractive添加到容器中,以确保列表视图不会吞噬与元素的任何交互 也就是说,给定你的处理程序,你为什么还要走这条路,默认调用的东西不给你你需要的东西吗
<!-- Detail items -->
<div class="itemtemplate" data-win-control="WinJS.Binding.Template">
<img class="item-image" src="#" data-win-bind="src: backgroundImage; alt: title" />
<div class="item-overlay">
<h4 class="item-title" data-win-bind="textContent: shortTitle; id: key"></h4>
</div>
</div>
itemInvoked: function (args) {
console.log("groupItems:itemInvoked");
if (appView.value === appViewState.snapped) {
// If the page is snapped, the user invoked a group.
var group = Data.groups.getAt(args.detail.itemIndex);
nav.navigate("/pages/groupDetail/groupDetail.html", { groupKey: group.key });
} else {
// If the page is not snapped, the user invoked an item.
var item = Data.items.getAt(args.detail.itemIndex);
nav.navigate("/pages/itemDetail/itemDetail.html", { item: Data.getItemReference(item) });
}
},