Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
放置Jquery脚本标记_Jquery_Ruby On Rails_Script Tag - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • 放置Jquery脚本标记

放置Jquery脚本标记

jquery ruby-on-rails

放置Jquery脚本标记,jquery,ruby-on-rails,script-tag,Jquery,Ruby On Rails,Script Tag,我得到错误uncaughttypeerror:$（…）。popover不是show.html.erb中的函数。Popover在我的导航栏中，show.html.erb有jquery插件（bxslider）。我把我的脚本标签放在show.html.erb的头上 <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> &l

我得到错误
uncaughttypeerror:$（…）。popover不是
show.html.erb
中的函数。Popover在我的导航栏中，
show.html.erb
有jquery插件（bxslider）。我把我的脚本标签
放在
show.html.erb
的头上


<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <!-- bxSlider Javascript file -->
  <script src="/js/jquery.bxslider.min.js"></script>
  <!-- bxSlider CSS file -->
  <link href="/css/jquery.bxslider.css" rel="stylesheet" />
</head>



首先，将所有js文件放入app/assets/javascripts，并将css放入app/assets/stylesheets

在以下位置更改文件的路径：


<script src="/js/jquery.bxslider.min.js"></script>
  <!-- bxSlider CSS file -->
  <link href="/css/jquery.bxslider.css" rel="stylesheet" />


在application.css.scss文件中：


 *= require jquery.bxslider



在ready Method中使用noConflict没有任何意义。请不要在意那个。我写
$（document）.ready（function（）{}）在加载DOM之前不要加载javascript代码。不管怎样，我已经修复了它，谢谢@请问有什么理由这样做吗？我认为使用
Public
是更好的方法，但不知道为什么。我阅读并理解了你的意思。但我还是有同样的问题@Jai Kumar Rajputok，尝试更改脚本标记的顺序，希望它对您有用。有一段时间我遇到了同样的问题，我通过改变顺序解决了。可能是在你的application.js文件中//=require\u树不是最后一个，它应该是这样的：//=require pages.js/=require tables.js/=require uielements.js/=require\u树。是的，你是对的。我改变了我的定单，它起作用了。谢谢

<script src="/assets/jquery.bxslider.min.js"></script>
  <!-- bxSlider CSS file -->
  <link href="/assets/jquery.bxslider.css" rel="stylesheet" />



//= require jquery.bxslider.min.js



 *= require jquery.bxslider