jquery mobile如何点击屏幕无济于事

Posted 2023-05-09

【中文标题】jquery mobile如何点击屏幕无济于事

【英文标题】：Jquery mobile How to tap the screen to no avail

【发布时间】：2013-05-19 20:08:29

【问题描述】：

我在苹果设备上测试过，当我点击屏幕的时候没有效果。这是我的代码。点击写这篇文章的事件有什么问题吗？

    <script>
        $(function() 
            $('#test').tap(function() 
                $('#menuNum').text('1');
            )
        )
    </script>

【参考方案1】：

你需要改变一些东西。

不要使用 $(function() 或准备检查正确状态的经典文档，它们可能会导致 jQuery Mobile 出现问题。而是使用名为 page events 的 jQuery Mobile 替代方案。。 p>

然后不要像那样绑定点击事件，使用适当的现代方式来做到这一点。在您的情况下，必须将元素加载到 DOM 中才能使这种绑定起作用。并且由于 $(function() 有时会发生在执行绑定时元素仍在加载的情况。所以像这样使用它：

$(document).on('tap','#test',function() 
    $('#menuNum').text('1');
);

此方法不关心元素是否存在，即使在绑定过程后将元素加载到DOM中也可以工作。

工作示例：http://jsfiddle.net/Gajotres/SQ7DF/

最后你想要这样的东西：

$(document).on('pagebeforeshow', '#index', function() 
    $(document).on('tap','#test',function() 
        alert('Tap');
    );       
);

【讨论】：

我说你修改了代码，但是在电话上还是不行。你可以留个邮件我联系你吗，这个问题困扰了我一个下午。