PercyCJ
PercyCJ
  • 发布:2016-08-28 12:00
  • 更新:2017-12-22 12:43
  • 阅读:5403

如何在点击popover里的item后,响应事件的同时自动隐藏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 负责人:无 分享
已邀请:
BoredApe

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

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

t***@vip.qq.com

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

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