Javascript 菲尼克斯链接方法::删除不';无法在引导下拉列表中工作
在我的phoenix应用程序中,引导中下拉列表不起作用Javascript 菲尼克斯链接方法::删除不';无法在引导下拉列表中工作,javascript,elixir,phoenix-framework,Javascript,Elixir,Phoenix Framework,在我的phoenix应用程序中,引导中下拉列表不起作用 <ul class="nav navbar-nav navbar-right"> <%= if !@conn.assigns.current_user do %> <li> <%= link "Log In" , to: session_path(@conn, :new) %></li> <% else %> <li c
<ul class="nav navbar-nav navbar-right">
<%= if !@conn.assigns.current_user do %>
<li> <%= link "Log In" , to: session_path(@conn, :new) %></li>
<% else %>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Hi!, <%= @conn.assigns.current_user.username %>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link "Log out", to: session_path(@conn, :delete, @conn.assigns.current_user), method: "delete" %></li>
<li> <%= link "Log In" , to: session_path(@conn, :new) %></li>
</ul>
</li>
<% end %>
</ul>
我认为这个问题与javascript有关,但我不知道如何解决它。
有人也有同样的问题吗?谢谢 问题来自引导程序的JavaScript部分 下面是
bootstrap.js
中有问题的一行(v3.3.7上的第910行):
要使链接正常工作,您要么不必将链接包装在
标记中,要么通过在app.js
中包含以下代码来删除此事件处理程序:
$(document).off('click.bs.dropdown.data-api', '.dropdown form');
“不起作用”是指如果你点击它,什么也不会发生?或者它的样式不正确?或者你什么都看不见?还是别的什么?它什么也没做。url将在末尾添加一个“#”,您是否正确地包括
phoenix_html
?在一个新项目中,早午餐配置有:javascripts:{joinTo:“js/app.js”}
,在app.js
中,它有import“phoenix_html”
和link method::delete
可以使用它。您还可以检查生成的priv/static/js/app.js
是否包括phoenix\u html
?@Dogbert是的,brunch.js有javascripts:{…}
,app.js包括phoenix\u html
.on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
$(document).off('click.bs.dropdown.data-api', '.dropdown form');