2016-03-14 71 views
1

我想在jQuery Mobile支持的網站中使div可點擊。我使用的代碼適用於Chrome和Safari,但不適用於Firefox。無論是在桌面還是Android FF上。如何使用JQM在Firefox中單擊創建按鈕?

<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> 

目標是與在左邊,垂直居中接着標題和描述線下方的圖標,以顯示一個完整的尺寸鍵。

回答

0

將按鈕拖放標籤和移動圖標到錨標籤:

<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> 
+0

小提琴:https://jsfiddle.net/0j8qyLjq/ –

+0

謝謝你的工作。第一行需要與普通鏈接的風格相同。我注意到他們變黑了。因此,我將它排除在外:\t顏色:#38c; text-shadow:none; - 不幸的是,點擊不是第一行消失(猜測是因爲陰影被刪除了,沒有剩下的東西了。我怎麼能保持與 merlin

+0

@merlin我不確定我是否跟隨你,但是如果你想要以不同的方式設置錨點標籤和按鈕,可以在更新後的小提琴中使用該技巧:https://jsfiddle.net/0j8qyLjq/2/ –

相關問題