原型的RoR facebox

Question

我已经在我的rails应用程序中使用以下标记让facebox正常工作

<%= link_to 'test' some_path, :rel => 'facebox' %>

现在，如果页面已经加载，则可以完美地工作。

但是，我在页面的某些部分有ajax更新，其中包含像上面显示的那样的新链接。

当您单击来自ajax更新的链接时，facebox不起作用，接着是模板。

我相信由于页面不刷新，所以源代码是相同的，并且:rel => 'facebox‘不起作用。

有没有人对如何在不刷新页面的情况下让它工作有什么建议？

我已经在控制器的方法中尝试过了。

render :update do |page|
  page << "
    facebox.loading();
    facebox.reveal('text', null); 
    new Effect.Appear(facebox.facebox, {duration: .3});     
  "  
end

然而，由于某些原因，在chrome和IE中，facebox会短暂出现一秒钟，然后就消失了。

有什么建议吗？我一整天都在把头撞到墙上。

谢谢

Answer 1

您需要做的就是确保对AJAX响应视图中某个位置的facebox进行javascript调用:最好的位置应该在布局文件中。只需确保您包含以下内容：

#app/views/layouts/ajax.html.erb
#...snip...

<% javascript_tag :defer => 'defer' do -%>
  jQuery(document).ready(function($) {
    $('a[rel*=facebox]').facebox();
  })
<% end -%>

或者使用原型(未测试)：

#app/views/layouts/ajax.html.erb
#...snip...

<% javascript_tag :defer => 'defer' do -%>
  document.observe("dom:loaded", function() {
    $$('a[rel*="facebox"]').facebox();
  });
<% end -%>

这将确保页面上出现的任何新链接，作为AJAX更新的一部分，都将由facebox处理。