jQuery手机：更改字体大小的捏入/捏出？

Question

我正在用JQM编写一个web文档阅读器。 我不希望我的用户阅读时连续滚动左右，所以我视是：

<META NAME='viewport' CONTENT='width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=1;' /> 

虽然，我与字体大小了解用户的偏好，可能因不同的视觉技能.. 因此，我认为在多点触控缩小动作（“捏合”）上缩小字体大小以及在多点触控变焦动作（“放大”动作）上放大字体大小会很好...

这可能吗？除了JQM之外，我还需要一些外部图书馆吗？

Answer 1

它可能在jQuery Mobile上，但您需要使用名为hammer.js的第三方实现。

它支持大量类似的手势：

• 持有
• 自来水
• doubletap
• 拖累，的dragstart，dragend，dragup，dragdown，dragleft，dragright
• 轻扫，swipeup ，swipedown，swipeleft，swiperight
• transform，transformstart，transformend
• 旋转
• 捏，pinchin，尖灭
• 触摸（手势检测开始）
• 释放（手势检测结束）

实施例：

$('#test_el').hammer().on("pinchin", ".nested_el", function(event) { 
    console.log(this, event); 
}); 

$('#test_el').hammer().on("pinchout", ".nested_el", function(event) { 
    console.log(this, event); 
}); 

它的工作原理与jQuery移动，这很重要。但是你应该考虑一些其他的想法，或者至少对于Android 2.X设备的另一个想法，因为该平台不支持多点触摸事件。

还有一些其他的第三方实现，如Touchy。不幸的是，Touchy只支持捏。