引导样式按钮未应用于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" %>