Question

我正在开发另一个设计师构建的网站：http://bigbolts.qa.aztekhq.com/。该页面上的新产品和最近查看区域中的产品有两个按钮，上面有工具提示，当它们被点击时，它们应该触发其他链接事件：“更多信息”进入详细页面，“添加到购物车“触发一个模态。这适用于台式机，但不适用于触摸设备。在我的iPhone和iPad上，触摸链接只会触发工具提示而不会触发任何其他操作。我在链接中添加了data-options =“disabled-for-touch：true”，但它似乎没有用。

Answer 1

基础可以轻松地在启用触摸的设备上禁用或启用，只需添加class =＆＃34; show-for-touch＆＃34;或者＆＃34;隐藏触摸＆＃34;到要禁用的元素。下面的代码示例。

<p class="panel">
  <strong class="show-for-touch">You are on a touch-enabled device.</strong>
  <strong class="hide-for-touch">You are not on a touch-enabled device.</strong>
</p>

Answer 2

咳咳......根据tooltips documentation，最好在链接中添加data-options="disable_for_touch:true"。像这样：

<span data-tooltip data-options="disable_for_touch:true" class="has-tip" title="Tooltips are awesome!">
    Your Cart
</span>

如何在Zurb Foundation中进行禁用触摸工作？

2 个答案: