Question

在我们的团队中，实践是将所有Javascript保存在他们自己的.js文件中 - ＆gt;视图中没有Javascript。

某些事件会导致在页面上加载新的div（但页面本身不会重新加载，也不会转到新的URL）。我希望只在加载某个div时执行Javascript代码。

我目前的解决方案是在视图中调用：

<script>
  someJavascriptFunction(...);
</script>

我想要的是像

$(document).ready(function(){
  $("#my-div").....
}

但是，$(document).ready只加载一次。

相同

jQuery(window).on('load', function () {
   //some function
});

仅在URL实际更改时才起作用。

如果当前视图中的某个div当前加载了某个div，那么有人对如何执行Javascript有一个好主意吗？

我还没有找到合适的解决方案......

希望我的问题很清楚 - 我是Javascript的新手！

Answer 1

如果您使用默认的turoblinks：

$(document).on('turbolinks:load', function() {
  $("#my-div").....
});