【问题标题】:Jquery mobile How to tap the screen to no availjquery mobile如何点击屏幕无济于事
【发布时间】:2013-05-19 20:08:29
【问题描述】:

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

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

【问题讨论】:

    标签: jquery-mobile jquery-mobile-listview


    【解决方案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');
        });       
    });
    

    【讨论】:

    • 我说你修改了代码,但是在电话上还是不行。你可以留个邮件我联系你吗,这个问题困扰了我一个下午。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多