jQuery mobile中的onClick事件不起作用

时间:2015-06-01 20:39:38

标签: javascript jquery jquery-mobile

我是jQuery的新手,并且创建了一个带有一些按钮的页面,我想在点击它们时做一些操作。

I have made a jsFiddle with my code

当我使用chrome在我的笔记本电脑上执行代码时,它运行正常。但是当我从手机上执行它时(也使用chrome)它不会激活该功能。

我已经尝试谷歌数小时找到解决方案并尝试了类似的方法:

    $(document).on('pagebeforeshow', '#front', function(){ 
        $(document).on('click', '#ssStart', function(){ 
            alert('Alerted!');       
        });    
    });

但我无法让它发挥作用。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

通过移动浏览器,点击的注册方式与点击不同,因此对于按钮,您必须通过CSS将指针更改为游标

    #start, #prev, #next{
    cursor: pointer;
}

答案 1 :(得分:0)

我已经改变了你的代码:

https://jsfiddle.net/1uuduxtL/

$(function() {
    $("#start").click(function() {
       alert("start"); 
    });
    $("#prev").click(function() {
        alert("prev");
    });
    $("#next").click(function() {
        alert("next");
    });
})();