6

我正在使用 twitter-bootstrap 开发一个可以在多个设备上呈现的 Web 应用程序。

现在我想处理“点击”事件。所以我的问题是:

  1. 我可以在不使用 jqueryMobile 的情况下使用 jquery 1.7.2 处理“点击”事件吗?
  2. 如果上述问题的答案是否定的,那么如何将 jqueryMobile 与 twitter-bootstrap 集成。因为我尝试在我的 twitter-bootstrap 页面中包含 jQueryMobile js,当我使用它时,页面中断了!
4

2 回答 2

5

点击事件是一个 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 。

于 2012-08-31T15:46:35.137 回答
2

我终于找到了处理触摸及其相应鼠标事件的 Touchable-jQuery-Plugin 。

于 2012-09-13T11:54:48.980 回答