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。

将按钮变成jQuery UI图标？

1 个答案: