jQuery Mobile的（点击事件） [英] jQuery mobile (click event)

问题描述

我正在开发智能手机的混合应用。

我试图隐藏/显示＆LT; D​​IV＆GT; 与了slideDown / 效果基本show 。

当我点击按钮，菜单＆LT; D​​IV＆GT; 应该隐藏/显示取决于上下文。一切都在我的电脑上工作良好，但它只是没有我的手机在所有的工作，没有任何反应。

下面是我的HTML code

 ＆LT;一类=btnMenuDyn数据角色=按钮＆GT; Masquer乐菜单＆LT; / A＆GT;
 

在这里我jQuery Mobile的code：

 的$（document）.bind（'pageinit'，函数（E）{
//定义变量宫
VAR btnMenuDyn = $（'a.btnMenuDyn'），
    menuDyn = $（'div.menuDyn'）;$（btnMenuDyn）.bind（'点击'，功能（）{
    //条件倒afficher欧非勒菜单
    如果（$（menu​​Dyn）.hasClass（menuDynHide））
    {
        $（menu​​Dyn）.slideDown（）removeClass移除（menuDynHide）;
    }
    其他{
        $（menu​​Dyn）.slideUp（）addClass（menuDynHide）;
    }}）;
}）;
 

解决方案

这个问题是手机不支持点击他们使用touchstart和touchend所以可以跟踪运动，如果你仍然想测试电脑，你可以做到这一点的。

  $（btnMenuDyn）.bind（'touchstart鼠标按下'，函数（事件）{
    。事件preventDefault（）;
    如果（$（menu​​Dyn）.hasClass（menuDynHide））
    {
        $（menu​​Dyn）.slideDown（）removeClass移除（menuDynHide）;
    }
    其他{
        $（menu​​Dyn）.slideUp（）addClass（menuDynHide）;
    }}）;
 

与相同的回答另一个问题在浏览器的jQuery touchstart

查看详细信息可在的http://backtothe$c$c.blogspot.com/2009/10/javascript-touch-and-gesture-events.html

I'm developing smartphone hybrid applications.

I'm trying to hide/show a <div> with slideDown/slideUp.

When I click on the button, the menu <div> is supposed to hide/show depend of the context. Everything is working well on my computer but it just doesn't work at all on my mobile, nothing happens.

Here is my HTML code

<a class="btnMenuDyn" data-role="button">Masquer le menu</a>

and here my jQuery mobile code:

$(document).bind('pageinit', function(e){


// définition des variables
var btnMenuDyn = $('a.btnMenuDyn'),
    menuDyn = $('div.menuDyn');

$(btnMenuDyn).bind('click', function(){


    // condition pour afficher ou non le menu
    if ($(menuDyn).hasClass("menuDynHide"))
    {
        $(menuDyn).slideDown().removeClass("menuDynHide");
    }
    else{
        $(menuDyn).slideUp().addClass("menuDynHide");
    }

});
});

解决方案

this problem is mobiles do not support click they use touchstart and touchend so can track movement if you still want to test on computers you can do this

$(btnMenuDyn).bind('touchstart mousedown', function(event){
    event.preventDefault();
    if ($(menuDyn).hasClass("menuDynHide"))
    {
        $(menuDyn).slideDown().removeClass("menuDynHide");
    }
    else{
        $(menuDyn).slideUp().addClass("menuDynHide");
    }

});

another question with same answer jquery touchstart in browser

more infomation can be found at http://backtothecode.blogspot.com/2009/10/javascript-touch-and-gesture-events.html

这篇关于jQuery Mobile的（点击事件）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！