jQuery 移动设备中的 onClick 事件不起作用
onClick event in jQuery mobile do not work
我是 jQuery 的新手,我制作了一个包含一些按钮的页面,我想在单击它们时执行一些操作。
I have made a jsFiddle with my code.
当我在笔记本电脑上使用 chrome 执行代码时,它工作正常。但是当我从我的手机 phone(也使用 chrome)执行它时,它不会激活该功能。
我已经尝试 google 几个小时来寻找解决方案并尝试过类似的方法:
$(document).on('pagebeforeshow', '#front', function(){
$(document).on('click', '#ssStart', function(){
alert('Alerted!');
});
});
但我无法让它工作。
谁能帮帮我?
我已经稍微更改了您的代码:
https://jsfiddle.net/1uuduxtL/
$(function() {
$("#start").click(function() {
alert("start");
});
$("#prev").click(function() {
alert("prev");
});
$("#next").click(function() {
alert("next");
});
})();
通过移动浏览器,点击与点击的注册方式不同,因此对于您的按钮,您必须通过 CSS
将它们的指针更改为光标
#start, #prev, #next{
cursor: pointer;
}
我是 jQuery 的新手,我制作了一个包含一些按钮的页面,我想在单击它们时执行一些操作。
I have made a jsFiddle with my code.
当我在笔记本电脑上使用 chrome 执行代码时,它工作正常。但是当我从我的手机 phone(也使用 chrome)执行它时,它不会激活该功能。
我已经尝试 google 几个小时来寻找解决方案并尝试过类似的方法:
$(document).on('pagebeforeshow', '#front', function(){
$(document).on('click', '#ssStart', function(){
alert('Alerted!');
});
});
但我无法让它工作。
谁能帮帮我?
我已经稍微更改了您的代码:
https://jsfiddle.net/1uuduxtL/
$(function() {
$("#start").click(function() {
alert("start");
});
$("#prev").click(function() {
alert("prev");
});
$("#next").click(function() {
alert("next");
});
})();
通过移动浏览器,点击与点击的注册方式不同,因此对于您的按钮,您必须通过 CSS
将它们的指针更改为光标 #start, #prev, #next{
cursor: pointer;
}