0

我正在使用phonegap和jquery mobile制作一个网络应用程序，如果你用两根手指点击屏幕上的任何地方，标题显示和隐藏，我试图让它在哪里。

我在每个页面上都有一个带有“标题”类的标题 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 是否有一些我应该使用的内置手势？

4

2 回答 2

2

你应该像这样使用它：

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

这将为整个页面设置事件。该事件将在您双击的任何地方触发。请记住，它会干扰同一页面上的其他双击元素。

于 2013-04-25T20:23:59.940 回答
0

尝试这个

$(document).ready(function(){   

$(".header").bind("taptwo", function(){
    $(".header").hide();
})
于 2013-04-25T20:28:46.017 回答