删除链接无效的凤凰 [英] Delete link not working phoenix

问题描述

我已经使用Phoenix的内置gen.HTML生成了一个简单的视图，但是它不起作用

I've used Phoenix's built in gen.HTML to generate a simple view but it's not working

<%= link "Delete", to: event_path(@conn, :delete, event), method: :delete, data: [confirm: "Are you sure?"], class: "btn btn-danger btn-xs" %>

在页面上看起来像是应该的，但只是在地址后面附加#

And on the page it looks like it suppose to but it just append # to address

生成的结构:

<form action="/event/1" class="link" method="post">
   <input name="_method" type="hidden" value="delete">
   <input name="_csrf_token" type="hidden" value="BwUSGQcDO1MwPzw0HBgqLnshHn8HNgAAnCTjuMt0viFshobX4XM/dQ==">
   <a class="btn btn-danger btn-xs" data-confirm="Are you sure?" data-submit="parent" href="#">Delete</a>
</form>

我缺少某种js导入吗? 我也可以通过浏览器下载它:

Am i missing a js import of sort? I can also this being downloaded by the browser:

//This is being downloaded as phoenix_html.js
// Although ^=parent is not technically correct,
// we need to use it in order to get IE8 support.
var elements = document.querySelectorAll('[data-submit^=parent]')
var len = elements.length

for (var i=0; i<len; ++i) {
  elements[i].addEventListener('click', function(event){
    var message = this.getAttribute("data-confirm")
    if(message === null || confirm(message)){
      this.parentNode.submit()
    };
    event.preventDefault()
    return false
  }, false)
}

推荐答案

这恰好是已知问题.解决方法如下:

This happens to be known issue. Here is the fix:

In brunch-config.js
autoRequire: {
  "js\\app.js": ["web/static/js/app"]
}

来源

这篇关于删除链接无效的凤凰的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！