引导样式按钮未应用于Phoenix delete链接 长生不老药版本:1.3.2 凤凰版本:1.2.1 NodeJS版本:4.4.6 NPM版本:3.10.6 早午餐版本:2.7.4 操作系统:MacOSX
我正试图创建什么样的假设是一个简单的链接使用凤凰的引导样式按钮未应用于Phoenix delete链接 长生不老药版本:1.3.2 凤凰版本:1.2.1 NodeJS版本:4.4.6 NPM版本:3.10.6 早午餐版本:2.7.4 操作系统:MacOSX,npm,elixir,phoenix-framework,brunch,Npm,Elixir,Phoenix Framework,Brunch,我正试图创建什么样的假设是一个简单的链接使用凤凰的 呈现 <form action="/logout/1" class="link" method="post"> <input name="_method" type="hidden" value="delete"> <input name="_csrf_token" type="hidden" value="VhxiLApJElIS...removed for clarity"> <a
呈现
<form action="/logout/1" class="link" method="post">
<input name="_method" type="hidden" value="delete">
<input name="_csrf_token" type="hidden" value="VhxiLApJElIS...removed for clarity">
<a data-submit="parent" href="#" rel="nofollow">Logout</a>
</form>
按钮工作正常,用户注销,但未应用按钮的样式。见下文:
“注销”按钮应与“主页”按钮对齐并包含悬停效果什么是删除注销按钮的样式?
当用户注销时,样式将返回:
以下是有关删除链接功能的其他相关问题
- 运行早午餐构建-编译成功
- 将
功能更改为链接
按钮
希望这是足够的信息来获得一些输入。删除链接确实创建了一个表单,这是意料之中的。如果您查看生成器创建的内容,如下所示:
<%= link "Delete", to: schedule_path(@conn, :delete, schedule), method: :delete, data: [confirm: "Are you sure?"], class: "btn btn-danger btn-xs" %>
您不能直接从锚点调用delete或post方法,因此Phoenix会为您制作一个表单。这是一个方便的功能,但一开始可能会让人困惑。因此,如果表单不起作用,问题可能出在您的控制器上,而不是表单本身。Hey@dds1024所以我在问问题时转移了一点注意力,忘记提到链接确实起作用,但按钮的样式已关闭。请参阅上面的更新。谢谢。好的,对不起,这是一个完全不同的问题。您可能需要编写一些CSS来覆盖表单,或者采用另一种方式,实际使用javascript截取并使用ajax提交的链接。与Rails类似:或
<%= link "Delete", to: schedule_path(@conn, :delete, schedule), method: :delete, data: [confirm: "Are you sure?"], class: "btn btn-danger btn-xs" %>