javascript - Tizen 选择器触摸事件

Question

我想从 Tizen 中的弹出式选择器菜单打开不同的页面。
我有 8 个菜单项，每个菜单项都应该使用 active-ui-page 类在相同的 HTML 中打开不同的页面。
我尝试使用提到的代码 here .

但是当我转回选择器时，它们的 indicator-name 并没有改变。
请帮我解决这个问题。

Answer 1

尽量确保您没有关闭弹出窗口或破坏 Selector .这样，您的选择器可能会变得不起作用。 tau.closePopup() 将关闭弹出窗口，因此选择器不会再出现。

elSelector.addEventListener("click", function(event) {
    var target = event.target;
    if (tau.support.shape.circle) {
        if (target.classList.contains("ui-selector-indicator")) {
            tau.closePopup(popupCircle);  //**comment out this line**//
            //your code 
        }
    }
}); 

selector.destroy() 销毁并删除事件监听器，您的情况可能就是这种情况，这就是指示器名称未更改的原因。

selector.destroy();  //**comment out this line**//

反之亦然，解决方案尝试使用 tau.openPopup() 再次调用弹出窗口:

if (tau.support.shape.circle) {
    tau.openPopup(popupCircle);
}

否则使用tau.widget.Selector()再次调用选择器

if (tau.support.shape.circle) {
    var radius = window.innerHeight / 2 * 0.8;
    selector = tau.widget.Selector(elSelector, {itemRadius: radius});
}

代码源:'TAUUIComponents' (Tizen Sample Web app)

谢谢。