Question

我的移动网站上有一些按钮。

<div class="menubottom" id="menumobile">
    <div >
        <div class="mobilebutton displaynone" id="mobilebuttonLeft" style="float:left;" onclick="swipeRight();"><i class="fa fa-chevron-circle-left fa-3x" aria-hidden="true"></i></div>
        <div class="mobilebutton" id="mobilebuttonRight" style="float:right;" onclick="swipeLeft()"><i class="fa fa-chevron-circle-right fa-3x" aria-hidden="true"></i></div>
    </div>

</div>

现在我希望它们在没有TouchInput的时间消失的情况下消失。如果再次触摸显示屏，则应再次显示按钮。我安装了jquery和jquery手机，但我找不到解决问题的好方法。你有什么想法吗？

Answer 1

现在我希望它们在没有TouchInput的情况下消失去世了

您可以{em>隐藏菜单隐藏菜单 {em}

setTimeout

要在点击时再次重新显示，只需绑定function hideMenu(){ setTimeout( function(){ $ ( "#menumobile" ).hide(); }, 2000); }事件

即可

touchend

Answer 2

您可以使用touchstart和touchend事件隐藏show mobilebutton

touchend后隐藏按钮的settimeout为3s

 BigDecimal min = products
        .stream()
        .map(Product::getPrice)
        .min(Comparator.naturalOrder())
        .orElse(BigDecimal.ZERO);

几秒后HTML移动按钮显示/隐藏

2 个答案: