jQuery-Facebox - 从 AJAX 重绘后弹出窗口不起作用

Question

我的页面中有一组链接，并且我附加了 facebox jQuery 功能，因此每当按下链接时，它都会弹出一个漂亮的弹出窗口

<a href="coach_selector_popup?day=<%= day %>&hour=<%= hour %>" rel="facebox">

以下是我用于“facebox”的脚本。

<script type="text/javascript">
  jQuery(document).ready(function($) {
    jQuery('a[rel*=facebox]').facebox()
  })
</script>

以上工作正常。但是当我在响应某些 AJAX 调用时再次呈现它时，功能会丢失，这意味着当我单击链接时，我会被重定向到一个页面而不是一个 Facebook 弹出窗口。

我知道我在重绘时需要做一些事情，有人能指出我正确的方向吗？

编辑：我正在像这样在我的控制器上进行部分渲染。

render(:partial => "grid_item" , :locals => {:day=>d, :hour=>h)

Answer 1

您必须在添加新元素后再次调用.facebox()...在您的 ajax 上使用回调函数...

Answer 2

包括您在部分中提到的 javascript 代码。我猜它会在加载时再次执行。我不确定 document.ready 事件是否在部分更新时触发，但我认为是。

假设您使用的是link_to_remote 或类似的东西，您还可以使用:complete 或:succes 选项来添加您的javascript 回调，例如像这样：

link_to_remote get_icon('remove'), 
   :url => {:action => "your_action", :id => @record},
   :success => "jQuery('a[rel*=facebox]').facebox();" , 
   :failure => "alert('It failed?')"

希望对你有帮助！