Jquery 仅适用于 window.onload=function()

Question

我在我的项目中使用 angular-fullstack yeoman 生成器。

默认包含Jquery。

<script src="bower_components/jquery/dist/jquery.js"></script> 正确地位于 index.html

内

奇怪的是，在我的 js 文件中，Jquery 在其中完美运行：

window.onload=function() {
  //my jquery code working here
    }

但是，如果我改用这个，它根本不起作用:

$(document).ready(function() {
  // my code is not working here :(
});

从那里开始，我遇到了一些麻烦。当我从一个页面切换到另一个页面时，Jquery 停止了。我需要刷新页面以保持 Jquery 正常工作。

如果我的 Jquery 代码在 $(document).ready(function()

中，我可能不会遇到这个问题

因为我使用的是 angular-fullstack 生成器，它几乎可以生成我项目中的所有内容，所以我不知道我需要在哪里进行一些更改才能使其正常工作..

有什么建议吗？非常感谢。 :)

Answer 1

据我所知，将 jQuery 与 AngularJS 一起使用并不是一个好习惯。一般来说，如果在你的 angular 项目中你需要使用 jQuery 这意味着你必须创建一个自定义指令以在那里有一些逻辑或者不太理想的选择是使用 angular.element 附带 jQuery 精简版功能。

关于您的问题，请测试这是否有效：

jQuery(document).ready(function($) {
  // example $('.btn').hide();
});

Jquery only working in window.onload=function()