submit_tag 在 rails4 视图中无法使用正确的 css

Posted

技术标签:

【中文标题】submit_tag 在 rails4 视图中无法使用正确的 css【英文标题】:submit_tag is not working with correct css in rails4 view 【发布时间】:2015-06-03 13:00:46 【问题描述】:

您好,我必须在我的 rails 代码中给出以下视图

<div class="col s12 m2"> 
   <button class="btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20" type="submit" name="action">Search  
  </button>
</div>

因此,为此我包含了以下 Rails 视图代码:

<div class='col s12 m2'>
   <%= submit_tag('search', class: 'btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20')%>
</div>

这进一步给出了这种类型的html

<div class="col s12 m2">
            <i class="btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20 waves-input-wrapper" style=""><input type="submit" class="waves-button-input" value="search" name="commit"></i>
  </div>

但我不想要这个我想要的像上面的 html 。请指导我哪里出错了。提前致谢。

【问题讨论】:

这不应该发生,也许你已经覆盖了 submit_tag 请检查你的助手。 【参考方案1】:

您需要使用button_tag:

<%= button_tag('search', class: 'btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20')%>

这里是doc

【讨论】:

对不起,我可以使用 button_tag。因为我首先使用表单标签来实现表单,以便提交此表单。我必须使用 submit_tag。 _ 我很确定如果你这样做&lt;%= form_tag('/posts') do -%&gt; &lt;div&gt;&lt;%= button_tag 'search' %&gt;&lt;/div&gt; &lt;% end -%&gt; 它会起作用【参考方案2】:

试试这个:

<div class='col s12 m2'>
 <%= submit_tag "Search", :class => "btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20" %>
</div>

【讨论】:

【参考方案3】:

然后使用 button_tag 试试这个

<%= button_tag(type: 'submit', class: "btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20") do %> Search
<% end %>

【讨论】:

以上是关于submit_tag 在 rails4 视图中无法使用正确的 css的主要内容,如果未能解决你的问题,请参考以下文章

Submit_tag确认msg未显示确认消息

Rails 6.1 将 submit_tag 链接到 form_with

Rails 4:条件显示在视图内不起作用

Rails 4 - best_in_place:无法处理的实体

Rails 4 在视图或模板中传递变量

从 Rails 4 视图上的单选按钮获取输入