点击链接后 jQuery 就绪无法正常工作

Posted 2023-05-09

【中文标题】点击链接后 jQuery 就绪无法正常工作

【英文标题】：jQuery ready doesn't work after following link

【发布时间】：2014-02-22 07:17:57

【问题描述】：

我在使用 jQuery 的 ready 函数时遇到了一个奇怪的问题。

我有一个 Ruby on Rails 4 应用程序和 jQuery javascript Library v1.10.2，有一些响应以下 url 的静态页面：

http://localhost:3000/static_pages/home

http://localhost:3000/static_pages/about_us

我正在为 javascript 使用以下代码：

jQuery(document).ready( function($) 
  alert('document ready');
);

问题是它只在我用浏览器按钮刷新页面时触发，而如果我在 html 页面上点击上述链接之一，它就不起作用..

有什么问题？

【问题讨论】：

你是如何加载 jQuery 库的？您是否有机会动态加载它，而不仅仅是在<script> 标签中指定它。

您的页面中还有其他 javascript 吗？

可能是由 turbolinks 引起的 - 在此处查看一些答案：***.com/questions/18770517/…

@house9 是的，你是对的：问题是由 turbolinks 引起的，你提供的链接正是我的问题的解决方案。

【参考方案1】：

正确指定您的文档就绪事件处理程序。可能是这个原因，

<script type="text/javascript">
   $( document ).ready(function() 
     alert('document ready');
   );
</script>

另外，希望您的 jquery 文件正在通过资产管道提供服务。然后检查它是否按照下面给出的方式提供。

your APP_LOCALHOST_URL/assets/jquery.js

如果它正在加载文件，则为 jquery 提供服务。否则，不是。

H2h :)-