如何在twitter boostrap中的表單中創建圖像按鈕？

目前，我有圖像，如本：如何在twitter boostrap中的表單中創建圖像按鈕？

<img src="xyz.jpg" width="80" height="80" id = "wp" alt="wp"> 
<img src = "abc.jpg" width="80" id = "tm" height="80" alt="tm">

，然後在其上寫的onclick：

$('img#wp').click(function() { 


});

的問題，這是我不能夠使用此項插入值取決於已被點擊的圖像。圖像也不會顯示爲按鈕，因此對手機和平板電腦的響應並不完全。如何去做呢？

來源

2013-05-20 Hick

好 - 首先，這是我的理解是有在移動開發中沒有「點擊」事件 - 你應該看看jQuery的移動（特別是** vclick（）**事件）。這是來自他們的移動文檔：_虛擬鼠標事件背後的想法是將觸摸事件轉換爲鼠標事件，以彌補丟失的鼠標事件觸發器。開發人員應該意識到，這些虛擬化的鼠標事件不會阻止任何合成的鼠標事件在觸摸事件後在瀏覽器內被觸發._ – fnostro

您可以使用<button>提交形式，還包括按鈕內的圖像標籤

<button name="buttonName" value="buttonValue" type="submit"> 
    <img src="xyz.jpg" alt="" /> 
</button>

來源

2013-05-20 22:48:31 Axel

你可以使用一個image submit button

<input type="image" src="http://www.luvvitt.com/skin/frontend/default/luvvitt/images/submit.png" alt="Submit Form" class="btn"/>

來源

2013-05-21 10:15:06

如何在twitter boostrap中的表單中創建圖像按鈕？

回答

相關問題