如何在点击popover里的item后，响应事件的同时自动隐藏popover

分类：MUI

Android popover mui

<div id="topPopover" class="mui-popover">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view">
<li id="mItem1" class="mui-table-view-cell"><a href="#">Item1</a></li>
<li id="mItem2" class="mui-table-view-cell"><a href="#">Item2</a></li>
<li class="mui-table-view-cell"><a href="#">Item3</a></li>
</ul>
</div>
</div>
</div>

//批量添加右上角item事件
mui('.mui-table-view').on('tap', 'li', function() {
var id = this.getAttribute('id');
mui.toast(id);
});

如何在点击item后，自动隐藏topPopover？？

2016-08-28 12:00 负责人:无分享

3 个回复

BoredApe - 有问题就会有答案。

复制代码mui('.bottomPopover').popover('toggle');//show hide toggle

PercyCJ (作者)

可以了！非常感谢！

2016-08-28 14:47
Nic啊

回复 PercyCJ:没用啊，你咋用进去的？

2017-04-10 17:34
PercyCJ (作者)

回复 Nic啊:就在点击完以后，放上这语句。mui('#repairPopover').popover('toggle'); 里面是你自己的控件名

2017-04-18 14:57

s***@sohu.com

我也碰到类似的情况，菜单可以收回，但是事件触发不了，是什么原因？
<a href="#popover" id="openPopover" class="mui-btn mui-btn-primary mui-pull-right">打开弹出菜单</a>
<div id="popover" class="mui-popover">
<ul class="mui-table-view" id="menulist">
<li id="item1" class="mui-table-view-cell">
<a href="#" id="search_scan">Item1</a>
</li>
<li id="item2" class="mui-table-view-cell">
<a href="#">Item2</a>
</li>
<li id="item3" class="mui-table-view-cell">
<a href="#">Item3</a>
</li>
</ul>
</div>

点击item1之后，没有触发事件，
mui('#menulist').on('tap', 'li', function() {
alert('test');
});

1***@qq.com

mui('#menulist').on('tap', 'li', function() {

alert('test');

});

这个你没有放进，mui.plusReady(function(){

---------------------中来！！！！

})

2016-10-29 08:33

t***@vip.qq.com

怎么做到触发事件但是不收回菜单啊..

该问题目前已经被锁定, 无法添加新回复

如何在点击popover里的item后，响应事件的同时自动隐藏popover

3 个回复

公告

相关问题

如何在点击popover里的item后，响应事件的同时自动隐藏popover

与内容相关的链接

3 个回复

公告

相关问题