我正在使用 twitter-bootstrap 开发一个可以在多个设备上呈现的 Web 应用程序。
现在我想处理“点击”事件。所以我的问题是:
- 我可以在不使用 jqueryMobile 的情况下使用 jquery 1.7.2 处理“点击”事件吗?
- 如果上述问题的答案是否定的,那么如何将 jqueryMobile 与 twitter-bootstrap 集成。因为我尝试在我的 twitter-bootstrap 页面中包含 jQueryMobile js,当我使用它时,页面中断了!
我正在使用 twitter-bootstrap 开发一个可以在多个设备上呈现的 Web 应用程序。
现在我想处理“点击”事件。所以我的问题是:
点击事件是一个 jQuery Mobile 事件,并不是一个具有规范的实际 HTML5 事件。HTML5 指定了触摸事件, Android 和 iOS都支持这些事件,Twitter Bootstrap 已经在它的一些插件中使用了这些事件。
然而,根据一个常识概念,点击事件可能是什么,人们可以很容易地根据一系列触摸事件触发它们。这是一个尝试:
// listen for a touchstart event
$('body').on('touchstart.tap',function (e) {
// listen for a touchend event
$(e.target).one('touchend.tap',function() {
$(e.target).trigger('tap');
});
// cancel it in 150ms
setTimeout(function () {
$(e.target).off('touchend.tap');
},150);
});
如果一个touchend在 150 毫秒内跟随一个touchstart(当然你可以调整),这将触发一个点击事件。如果您只需要点击事件,您可以尝试使用它来代替包含 jQuery mobile 。
我终于找到了处理触摸及其相应鼠标事件的 Touchable-jQuery-Plugin 。