Question

我正在使用phonegap和jquery mobile创建一个webapp，如果你用两根手指点击屏幕上的任何地方，我会尝试将它放在哪里，标题显示并隐藏。

我在每个页面上都有一个带有“标题”类的标题div。我以为我可以用这个类选择所有内容并使用jGestures来显示/隐藏（我之前从未使用过jGestures，而且我是jquery的新手，所以这可能是我的问题）。而我现在拥有它的方式似乎只会在你点击div时显示和隐藏，而我希望能够点击屏幕上的任何位置。

这就是我所拥有的：

<div class="header" data-role="header">
    <a href="#" data-icon="arrow-l" data-rel="back" data-transition="slide" data-direction="reverse">Choose Grid</a>
    <h1>Add Images</h1>
    <a href="#choosePage" class="saveGrid" data-icon="check" data-transition="slide" data-theme="b">Done</a>
</div>

$(document).ready(function(){   
    $("#header").bind("taptwo", function(){
        $("#header").hide();
    }); 
});

我知道我可能会离开，但任何想法？ jQuery mobile是否有一些我应该使用的手势构建？

Answer 1

您应该像这样使用它：

$(document).ready(function(){
    $('body').bind('taptwo', function(){
        $(".header").toggle();
    });
});

这会为整个页面设置事件。无论您何时双击，都会触发该事件。请记住，它会干扰同一页面上的其他双击元素。

Answer 2

试试这个

$(document).ready(function(){   

$(".header").bind("taptwo", function(){
    $(".header").hide();
})

如何用两个手指点击显示/隐藏jQuery移动标题？

2 个答案: