/**
* 设置手机端list-group-item手指移过、移出和按下效果
*/
var setMobileListGroupItemStyle = function () {
$('.list-group-item').on('touchstart', function() {
// 解决:单击无背景
$('.list-group-item').css("background-color", "#ffffff");
$(this).css("background-color", "#f5f5f5");
});
$('.list-group-item').on('touchmove', function() {
// 解决:手指划过无背景
$('.list-group-item').css("background-color", "#ffffff");
$(this).css("background-color", "#f5f5f5");
});
$('.list-group-item').on('touchend', function() {
// 解决:鼠标划出有背景
$(this).css("background-color", "#ffffff");
$('.list-group-item').css("background-color", "#ffffff");
});
$('.list-group-item').on('click', function() {
// 解决:单击后仍有背景
$('.list-group-item').css("background-color", "#ffffff");
});
}
移动app点击效果背景高亮touchstart
最新推荐文章于 2024-06-21 09:46:03 发布