Question

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

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

Answer 1

你需要改变一些事情。

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

然后不要像这样绑定tap事件，使用适当的现代方式。在你的case中，必须将元素加载到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');
    });       
});

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

1 个答案: