Question

文档仅在直接使用其网址命中页面时加载，如果通过ahref链接加载页面，则该文档无效。

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

我知道之前已经问过这个问题，我尝试了一些事情，没有任何效果。通过链接

打开页面时也不会加载窗口

$( 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>

我使用以下代码段将我的一个页面链接到另一个页面：

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

Answer 1

如果链接指向同一网址中的哈希ID，则不会重新加载该网页。请改用hashchange事件。

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

Answer 2

当我使用turbolinks时，这对我有用

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

document.ready没有通过ahref链接页面

2 个答案: