如何使使用 JQM 创建的按钮在 Firefox 中可点击？

Question

我想让 div 在 jQuery 移动站点中可点击。我使用的代码在 Chrome 和 Safari 中有效，但在 Firefox 中无效。无论是在桌面上还是在 Android FF 上。

<button data-icon="eye">
   <a href="//heise.de">
       <div style="font-weight:regular;font-size:12px;color:black;font-weight:normal;">
           2nd line txt
       </div>
   </a>
</button>

目标是显示一个全尺寸按钮，左侧有一个图标，垂直居中，后面是标题，下面是描述行。

Answer 1

放下按钮标签并将图标移动到锚标签：

<a data-role="button" href="//heise.de" data-icon="eye" data-ajax="false">
    <div style="font-weight:regular;font-size:12px;color:black;font-weight:normal;">
        2nd line txt
    </div>
</a>

如何使使用 JQM 创建的按钮在 Firefox 中可点击？

How to make button created with JQM clickable in Firefox?

html

css

jquery

jquery-mobile