jquery - 将按钮变成 jQuery UI 图标？

Question

我将如何打开这个按钮:

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

变成 jQuery UI 提供的图标？

我尝试将类添加到其中:

<%= 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'
      } 
    });

Answer 1

button_to 实际上在表单中生成一个输入元素。 jQuery UI 仅支持提交和重置类型的输入，因此请查看生成的标记是否属于该类别。

至于实际解决方案，您可以尝试将输入转换为按钮标签。看看this .