首页 / JAVASCRIPT / javascript – Phoenix Link方法:: delete在Bootstrap下拉列表中不起作用

javascript – Phoenix Link方法:: delete在Bootstrap下拉列表中不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Phoenix Link方法:: delete在Bootstrap下拉列表中不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1904字，纯文字阅读大概需要3分钟。

内容图文

在我的凤凰应用程序中,<％= link ... ,,方法:: delete％>在Bootstrap下拉列表中不起作用

  <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>

但是当我在“下拉菜单”之外制作时,它的效果很好.

当我改变<％= link ...％>到<％=按钮...％>,它也可以正常工作!!

我的brunch.js包含了插件中的sass

plugins: {
  babel: {
    // Do not use ES6 compiler in vendor code
    ignore: [/web\/static\/vendor/]
  },

  sass: {
    options: {
      includePaths: ["node_modules/bootstrap-sass/assets/stylesheets"], // tell sass-brunch where to look for files to @import
      // minimum precision required by bootstrap-sass
      //precision: 8
    },
    precision: 8
  },
  copycat: {
    "fonts": ["node_modules/bootstrap-sass/assets/fonts/bootstrap"]   // copy node_modules/bootstrap-sass/assets/fonts/bootstrap/* to priv/static/fonts/
  }
},

...
...

npm: {
  enabled: true,
  whitelist: ["phoenix", "phoenix_html", "jquery"],
  globals: { // bootstrap-sass' JavaScript requires both '$' and 'jQuery' in global scope
    $: 'jquery',
    jQuery: 'jquery',
    bootstrap: 'bootstrap-sass' // require bootstrap-sass' JavaScript globally
  }
}

我认为问题与javascript有关,但我不知道如何修复它.

有人有同样的问题吗？谢谢！

解决方法:

问题来自Bootstrap的JavaScript部分.

这是bootstrap.js中的违规行(v3.3.7中的第910行)：

.on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })

要使您的链接有效,您必须不要将链接包装在< form>中通过在app.js中包含以下代码,您可以删除此事件处理程序：

$(document).off('click.bs.dropdown.data-api', '.dropdown form');

内容总结

以上是互联网集市为您收集整理的javascript – Phoenix Link方法:: delete在Bootstrap下拉列表中不起作用全部内容，希望文章能够帮你解决javascript – Phoenix Link方法:: delete在Bootstrap下拉列表中不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/745531.html

来源：【匿名】