document.ready 无法通过 href 链接页面

Question

该文档仅在使用 url 直接点击页面时加载，如果通过 ahref link.

加载该页面则不起作用

$(document).ready(function(){ 
alert( "document loaded" );
});

我知道之前有人问过这个问题，我尝试了一些方法但没有任何效果。 window 也不会在通过 link

打开页面时加载

$( window ).on( "load", function() {
  alert( "window loaded" );
});

我也试过pageinit，不知道是不是我用错了，但是没有用。任何帮助将不胜感激

此外，我正在使用 rails

我的申请

<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <title>DevPortal</title>
    <%= csrf_meta_tags %>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>
  <body>
    <%= yield %>
  </body>
</html>

我 link 我使用以下代码片段从一个页面到另一个页面：

<p>
  <a class="btn btn-secondary" href="new_page">
    My link
 </a>
</p>

Answer 1

如果 link 指向同一 URL 中的哈希 ID，则不会重新加载页面。请改用 hashchange 事件。

$(window).on("hashchange", function() {
    alert("hash changed do something");
});

Answer 2

这对我有用，因为我正在使用 turbolinks

$(document).on('turbolinks:load', function() {
   alert("It works");
});

document.ready 无法通过 href 链接页面

document.ready not working on linking a page through ahref

jquery

document-ready