【发布时间】:2015-12-09 15:48:01
【问题描述】:
每当我单击应用程序中的引导按钮时,它都会卡在活动或悬停状态,除非我单击屏幕上的某个位置。所以我认为这是一个简单的解决方案
1) 检测何时有人单击引导按钮
$(document).on('touchstart', '.btn', function(){
console.log("button touch");
});
2) 我怎样才能以某种方式单击屏幕上的某个位置以使按钮松开?(在引导按钮上发生 touchend 事件)
$(document).on('touchend', '.btn', function(){
console.log("button touch end");
// ?????????????
});
我的引导按钮卡在 phonegap 应用程序上,我已经尝试了所有这些答案
1) 根本无法解决问题 Bootstrap buttons get "stuck" down on mobile devices
2) 我不想改变背景 bootstrap 3 button hover/focus state
【问题讨论】:
-
您走在正确的道路上。基本上,如果你想避免这种行为,你必须不使用
:hover伪类,而是为mouseenter mouseleave touchstart touchend(等)编写你自己的处理程序来切换相关元素的类或属性。请注意,touchend可能不会出现在目标元素上,并且在任何给定时间都可能存在多个接触点。如需更多信息,我建议this answer 回答类似问题。 -
哦,好吧,您是否建议深入研究 boostrap js 并自定义这些功能?
-
引导按钮上发生 btw 触摸结束事件
标签: jquery css twitter-bootstrap cordova button