jquery - $(document).ready() 在 f :ajax rendering 之后不运行

Question

我有一些jQuery在每个 $(document).ready() 上运行的代码事件。我也有一些<f:ajax>重新呈现页面某些部分的标签。

我注意到，当我重新渲染组件时，$(document).ready()没有被调用。

有没有办法在每个 <f:ajax> 之后运行 javascript 代码重新渲染？(从技术上讲，我可以使用 onevent 标签，但这对我来说是不利的解决方案，因为我必须在每个 <f:ajax> 上调用该函数)

仅供引用，这是 jQuery 代码:

$(document).ready(function() { ...CODE... }

JSF 代码:

<f:ajax event="click" render=":someComponentID"/>

谢谢!

更新此问题可能与 this one 重复。 。我正在研究这个问题。

更新2使用 JSF Javascript 事件绑定(bind)可以轻松解决这个问题:

jsf.ajax.addOnEvent(function(data){
  if (data.status === 'success') {
    // Do stuff here
  }
}

在 JSF 2 引用中了解更多信息

Answer 1

当 DOM 从初始加载完全加载时，$(document).ready() 事件会触发一次。

ajax 事件可能会更改 DOM，但它不会重新加载页面，因此 $(document).ready() 不会再次触发。

我注意到 Google 在 Gmail 中解决此问题的方法是使用 a high frequency timer .