Rails Bootstrap dropdown下拉菜单没反应解决方法

Mac环境

Rails 5.1.4

ruby 2.4.1

bootstrap v3.3.7

 

------------------坑区-------------------

Ruby on Rails教程(第4版)

第8章基本登录功能

代码清单 8.19:修改布局中的链接

app/views/layouts/_header.html.erb

....代码省略....

----------------------------------------

 

-----------------跳出坑区----------------

学习以上教程被卡在这章节中,问题是 “借助 Bootstrap 实现了下拉菜单”,按照教程的方法写了之后,下拉菜单是没有任何反应的。

 

查看安装的README.rd ,里面有一句写的很清楚,不过是英文的-_-

 

 

should not both be included  这里面也有老外解答过这个问题

bootstrap-sprockets单独的引导JS文件(alert.js,dropdown.js),另外bootstrap包含了所有的引导JS,如果两个都调用的话会就出现冲突;

删除其中一个下拉菜单可以正常工作,把 require bootstrap前的=去掉就好了。

 app/assets/javascripts/application.js

//= require jquery
//= require bootstrap-sprockets
//= require rails-ujs
//  require bootstrap 
//= require turbolinks
//= require_tree .

之前写的方法是错误的,现在更新了这个方法才是对的。

以上方法如果有什么问题或错误,请告诉我一下,毕竟我是新手,不太会。

----------------------------------------

posted @ 2017-11-02 00:12  roy0524  阅读(1461)  评论(0编辑  收藏  举报