Jquery 自定义可单击（“复选框”）图标
我正在尝试创建一个手机“iPhone图标式”图像，使其表现得像一个复选框。我希望能够在移动设备上有一个可单击的图标，因此在这种情况下单击事件不起作用。我正在使用jquery mobile作为我的平台，但希望创建这些图标而不使用其样式。我这里的stackoverflow代码可以在电脑浏览器上使用，但不能在移动“触摸”设备上使用。我知道如何使用所有的CSS工具，并使图像看起来不同时，选中或关闭触发。问题是，我不知道使用哪种类型的事件才能使它基于与移动设备的触摸工作。有没有人可以提供一个例子或任何建议 多谢各位Jquery 自定义可单击（“复选框”）图标,jquery,html,mobile,jquery-mobile,Jquery,Html,Mobile,Jquery Mobile,我正在尝试创建一个手机“iPhone图标式”图像，使其表现得像一个复选框。我希望能够在移动设备上有一个可单击的图标，因此在这种情况下单击事件不起作用。我正在使用jquery mobile作为我的平台，但希望创建这些图标而不使用其样式。我这里的stackoverflow代码可以在电脑浏览器上使用，但不能在移动“触摸”设备上使用。我知道如何使用所有的CSS工具，并使图像看起来不同时，选中或关闭触发。问题是，我不知道使用哪种类型的事件才能使它基于与移动设备的触摸工作。有没有人可以提供一个例子或任何建议
<style>
input[type=checkbox] {
display:none;
}
input[type=checkbox] + label
{
background-image: url('pictures/wheelChair.png');
height: 130px;
width: 130px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked + label
{
background-image: url('pictures/wheelChair2.png');
height: 130px;
width: 130px;
display:inline-block;
padding: 0 0 0 0px;
}
</style>
</head>
<body>
<p>
<input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing"> </label>
所以对于不继续删除分数和评级的人，我提出了一个新的解决方案，更清晰，更具忍者css。 检查示例 为了
谷歌说你想要点击，但我不知道。你能不能不用点击事件？我以前在移动设备上使用过标准jQuery而不是移动版本，我敢肯定，你对此有何看法？
input[type="checkbox"]{
display:none;
}
input[type="checkbox"]+label{
cursor:pointer;
text-indent:22px;
display:block;
height:22px;
position:relative;
}
input[type="checkbox"] + label:after{
background: url('http://www.dailycoding.com/Uploads/2008/12/CheckBox.png') no-repeat -21px 0px;
display:block;
width:21px;
content:"";
position:absolute;
top:0px;
left:0px;
height:21px;
}
input[type="checkbox"]:checked+label:after{
background-position:0px 0px;
}
<input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing">Something</label>
<input type='checkbox' name='thing1' value='valuable' id="thing1"/><label for="thing1"></label>