最近在使用jQuery編寫移動端的項目時,發現使用jQuery的tap事件無法綁定在元素上。
$(document).ready(function(){ $("button").on("tap", function(){ alert("Hello, world!"); }); });
但是上面的代碼并沒有生效,我也沒有看到任何錯誤提示。經過查閱資料和調試,發現是因為tap事件是zepto.js的特有事件,而jQuery并沒有內置該事件。
幸好有一個叫做jquery.tap.js的插件可以解決這個問題,只需要在jQuery之后引入該插件即可,代碼如下:
引入jquery.tap.js后,就可以愉快地使用tap事件了。
需要注意的是,雖然該插件解決了tap事件的問題,但是相比zepto.js而言,它的性能和兼容性仍然有待提升。因此,如果項目中需要大量使用tap事件,建議考慮使用zepto.js或其他專門針對移動端的JS庫。