在jquery mobile中使按钮点击区域更大

【问题标题】：Make button hit area larger in jquery mobile在jquery mobile中使按钮点击区域更大
【发布时间】：2014-01-18 05:01:09
【问题描述】：

无论如何在jquery mobile中使按钮点击区域更大。我在应用程序的标题中有两个按钮，如果我没有在中间触摸主题，它们将无法工作。

谢谢

【问题讨论】：

标签： ios jquery-mobile cordova

【解决方案1】：

在按钮周围扩展点击区域的一种方法是在按钮周围添加不可见的包装，并带有一些填充。然后将点击事件附加到包装器并在按钮本身上触发点击事件。

这里是example

html

<div id='button-wrap' style='padding: 20px;'>
    <a id='button' href="#" data-role="button" >Button</a>
</div>

javascript

$('#button-wrap').on('tap', function(e){
    $(this).find('a').trigger('tap');
});

$('#button').on('tap', function(e){
    e.stopPropagation();
    alert('tapped!');
});

【讨论】：