2015-12-09 160 views
0

每当我点击应用程序中的引导按钮时,它都会处于活动或悬停状态,除非我在屏幕上单击某处。所以我想这就是一个简单的解决方案以编程方式触摸屏幕phonegap

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

+0

你走在正确的道路上。基本上,如果你想避免这种行为,你不得不使用':hover'伪类,而是为'mouseenter mouseleave touchstart touchend'(等)编写你自己的处理程序来切换相关元素的类或属性。请注意,'touchend'可能不会在目标元素上发生,并且在任何给定时间可能会有多个触摸点。有关更多信息,我会推荐[这个答案](http://stackoverflow.com/a/22444532/1028949)到一个类似的问题。 – Quantastical

+0

哦,那么你是否建议挖掘boostrap js并自定义这些函数? –

+0

btw触摸结束事件发生在引导按钮 –

回答

0

你应该找出下层的问题。但要回答你的问题,你可以使用tiggerclick。以链接为例:

$("#target").click(function() { 
    alert("Handler for .click() called."); 
}); 
$("#other").click(function() { 
    $("#target").click(); 
}); 
+0

.click()不起作用。我有一个隐藏在导航栏中的另一个按钮,我尝试以编程方式单击ontouchend函数上的该按钮,但它没有与实际触摸按钮相同的效果 –