Question

如果我在封闭体标签下方的底部使用脚本标签，并且代码在其中，则javascript会像应执行的那样执行。但是，我想为页面上发生的其他事情编写许多函数，因此如果我在脚本标签上全部执行这些操作，则会变得很忙，这就是为什么我要为代码所在的位置使用单独的外部文件，然后在head标签中调用我的代码脚本src等代码

我正在运行Rails 5.2.2，它根本没有加载我的外部js文件。起初我以为可能是代码损坏了，但是我什至无法得到一个简单的警报事件来工作，所以我知道这不是代码，此外，当我将其粘贴在html视图的脚本标签中时，我的函数也可以工作。救命！我是一个新兴的业余爱好者程序员，而不是Google最好的程序员，因此感谢您提供所有反馈。

<!DOCTYPE html>
<head>
  <script src="edit_cp.js"></script>
</head>
<body>
...
</body>
</html>

application.js文件

//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .

edit_cp.js文件

var editCoverPhoto = document.getElementById("cp_button");
editCoverPhoto.addEventListener("mouseover", showMessage);
editCoverPhoto.addEventListener("mouseleave", removeMessage);
var para = document.createElement("p");
var textNode = document.createTextNode("Edit Cover Photo");
para.appendChild(textNode);

function showMessage() {
  editCoverPhoto.appendChild(para);
  para.style.color = "black";
}
function removeMessage() {
  editCoverPhoto.removeChild(para);
}

脚本src似乎未在Rails html视图中加载外部js文件

0 个答案: