作爲Selectmenu jquery mobile的按鈕圖像

是否可以使用圖像作爲jQuery selectmenu小部件的按鈕？作爲Selectmenu jquery mobile的按鈕圖像

我嘗試這樣做：

<div data-role="collapsible"> 
<h3><img src="images/newiconoptions.png" style="float:right;"/></h3> 
<p>I'm the collapsible content</p> 
</div>

但後來我得到它的圖像的按鈕，我只想用圖像作爲按鈕。

謝謝。

來源

2013-05-06 brent

通過使用圖像作爲按鈕或使圖像可點擊來檢查所有方法的最終答案。 – 2013-05-06 12:17:21

檢查圖像上的新答案點擊選擇菜單。 – 2013-05-07 04:53:59

爲您進一步的問題，你可以按照這個撥弄我的選擇菜單中創建，當你點擊圖片：

[http://jsfiddle.net/jvaibhav/WYm4H/13/]

此功能你可以寫上圖片點擊呼叫選擇菜單：

$('.image').click(function() { 
$('.select').toggle(); 
});

來源

2013-05-07 04:52:36

是的，你可以做到這一點。以下應該是做到這一點的方法： -

（1）。正如在jQuery圖像選擇器引用中提到的。

http://api.jquery.com/image-selector/

（2）。

<input type="image" src="your image source" alt="{alternate text}" />

（3）。這使得圖像可點擊：

<div data-role="collapsible"> 
<h3><img src="images/newiconoptions.png" id="image"style="float:right;"/> </h3> 
<p>I'm the collapsible content</p> 
</div>

的jQuery：

$('#image').click(function(){ 
     // this makes image clickable 

});

（4）。你也可以應用適當的CSS的形象：

#image{ 
border: none; 
cursor: pointer; 
background: transparent; 
}

來源

2013-05-06 11:58:16

以及如何使用圖像點擊功能打開它下面的選擇菜單？謝謝 – brent 2013-05-06 12:23:13

請發佈您的選擇菜單，以便我可以創建一個jsfiddle。並且如果答案是有幫助和正確的，那麼請接受它作爲正確的答案。 – 2013-05-07 04:14:05

我找到了一個更好的解決方案:-)，但謝謝你的答案！ – brent 2013-05-09 13:59:42

要使用jQuery的形象，選擇菜單按鈕，一個需要重寫的jQuery類在創建選擇M.其中添加的jQuery ENU。

不需要改變jquery .css文件，只需使用標籤的style屬性覆蓋它們（屬性/屬性）即可。

使用下面的代碼來做到這一點，它的工作對我來說 - >

<div class="ui-select"> 
    <div data-icon="none" data-theme="a" class="ui-btn" style="margin: 0px; text-align: inherit;"> 
      <img class="img-responsive" alt="" src="../../images/image.png" style="">   
     <select id="selectMenuCls" data-native-menu="true" size="0" data-role="none">   
      <option value="" class="first">c</option>  
      <option value="" class="">c++</option>  
      <option value="" class="">java</option> 
     </select> 
    </div> 
</div>

請注意，在選擇標籤數據角色=「無」屬性是必需的，這樣jQuery將不適用於它的自定義類選擇菜單

來源

2013-12-04 09:36:55

作爲Selectmenu jquery mobile的按鈕圖像

回答

相關問題