將一個按鈕變成一個jQuery UI圖標？

我怎麼會變成這個按鈕：將一個按鈕變成一個jQuery UI圖標？

<%= button_to "+1", video_votes_path(:video_id => video.id, :type => "up"), :remote => true %>

成jQuery用戶界面提供的圖標？

我嘗試添加類的吧：

<%= button_to "+1", video_votes_path(:video_id => video.id, :type => "up"), :class => 'ui-icon-triangle-1-n', :remote => true %>

，但是這創造了一個怪異的按鈕仍然有「+1」它裏面。

我把這個代碼在我的application.js文件：

$('input:submit, input:reset').each(function(){ 
     $(this).replaceWith('<button type="' + $(this).attr('type') + '">' + $(this).val() + '</button>'); 
    }); 

    $('button:submit').button({ 
     icons: { 
     secondary: 'ui-icon-triangle-1-n' 
     } 
    });

來源

2011-03-20 Justin Meltzer

帶有URL的圖標？或者只是一個圖標？ – JohnP 2011-03-20 05:31:26

只是從jQuery UI的圖標 – 2011-03-20 05:31:59

我假設你還想將按鈕上的任何觸發器轉換爲圖像？不知道RoR，但爲什麼不看看生成的HTML並用JQ抓取？ – JohnP 2011-03-20 05:33:40

button_to實際上生成表單中輸入的元素。 jQuery UI僅支持提交和重置類型的輸入，因此請查看生成的標記是否屬於該類別。

至於一個實際的解決方案，你可以嘗試轉換輸入到按鈕標籤。看看this。

來源

2011-03-20 05:38:08

我試過了，轉換後的代碼工作正常，但是我無法顯示圖標...相反，jQuery樣式中會出現一個隨機按鈕。爲什麼是這樣？我再次檢查以確保我包含了所有內容...... – 2011-03-20 06:04:05

您是否包含將圖標分配給'submit'和'reset'按鈕的代碼部分？ – 2011-03-20 06:25:41

是啊，看問題的細節，看看我已經放在我的application.js文件/ – 2011-03-20 06:33:59

將一個按鈕變成一個jQuery UI圖標？

回答

相關問題