JS脚本不在项目中运行

Question

我将js文件放在assets / javascripts中，它已经初始化为项目但没有工作。 它仅在我使用<script> </script>标记直接从View文件连接时才有效。

js文件内容

var container = document.querySelector('#container');
var iso;
  imagesLoaded( container, function() {
  iso = new Isotope( container, {
 });
});

Answer 1

将您的代码放入document.ready：

  # app/assets/javascript/application.js
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

$(document).ready(function(){
 var container = document.querySelector('#container');
 var iso;
  imagesLoaded( container, function() {
  iso = new Isotope( container, {
 });
});

});