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

Posted 2023-03-15

【中文标题】在jquery mobile中使按钮点击区域更大

【英文标题】：Make button hit area larger in jquery mobile

【发布时间】：2014-01-18 05:01:09

【问题描述】：

无论如何。我在应用程序的标题中有两个按钮，如果我没有在中间触摸主题，它们将无法工作。

谢谢

【参考方案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!');
);