2013-03-13 29 views
0

在每个用户配置文件(本地主机:3000 /用户/用户名)上,都列出了用户所发布的帖子。我实现了facebox,这是一个基于jQuery的灯箱,当点击时显示图像。这是我使用的代码:如何个性化每个帖子? (Ruby on Rails)

<a href=<%= post.image_url %> rel="facebox"><%= image_tag post.image_url(:thumb).to_s %></a> 

的问题是,如果一个用户取得了5个员额,相同的图像重复5次点击时在facebox显示。

这是我show.html.erb在那里我@posts

<% provide(:title, @user.name) %> 
<div class="row"> 
    <aside class="span4"> 
    <section> 
     <h1> 
     <%= gravatar_for @user %> 
     <%= @user.name %> 
     </h1> 
    </section> 
     <br> 
    </aside> 
<br> 


    <div class="span10"> 
    <%= render 'follow_form' if signed_in? %> 
    <% if @user.posts.empty? %> 
<h3>Browse</h3> 
<% end %> 
    <% if @user.posts.any? %> 
     <ol class="posts"> 
     <%= render @posts %> 

     </ol> 

     <%= will_paginate @posts %> 
    <% end %> 
    </div> 
</div> 

渲染和这里的_post.html.erb

<script src="/jquery.js" type="text/javascript"></script> 
<link href="/src/facebox.css" media="screen" rel="stylesheet" type="text/css"/> 
<script src="/src/facebox.js" type="text/javascript"></script> 
<script language="javascript"> 

jQuery(document).ready(function($) { 
    $('a[rel*=facebox]').facebox() 
}) 

</script> 


    <li> 
     <span class="content"><%= simple_format(post.content) %></span> 
     <% if post.image.present? %> 
     <a href=<%= post.image_url %> rel="facebox"><%= image_tag post.image_url(:thumb).to_s %></a> 
     <br> 
     <% else %> 
     <% end %> 
     <span class="timestamp"> 
     Posted <%= time_ago_in_words(post.created_at) %> ago. 
     </span> 
</li> 
+2

什么错误? – 2013-03-13 18:54:28

+0

没有错误,但是当我单击图像以在弹出窗口(facebox脚本)中显示图像时,会重复相同的图像,这与用户拥有的帖子数量相关。因此,如果用户有11个帖子,点击时的图像会在一个弹出窗口中重复11次 – user2159586 2013-03-13 18:59:47

+0

您可以发布您编写的初始化facebox的javascript代码吗?我试图创建一个示例项目来重现这一点,但我不能重现它,所以也许一个演示这个的jsFiddle也会有帮助。 – 2013-03-13 20:00:11

回答

0

_post.html.erb中的JavaScript包括在内,每个帖子执行一次。因此,如果用户有五个帖子,则您正在初始化facebox五次。将脚本标记移出部分。相反,将它们放在show.html.erb中,这样它们将只在整个页面上执行一次。

+0

谢谢,感谢帮助 – user2159586 2013-03-13 20:21:08

0

我不由自主地想到facebox组图像,因为都具有相同的“rel”属性。

尝试这样:

<%= link_to post.image_url, :rel => "facebox-#{post.id}" do %> 
    <%= image_tag post.image_url(:thumb).to_s %> 
<% end %> 
+0

_post.html.erb的脚本部分我不幸得到同样的问题。为了进一步解释,如果我在localhost:3000/users/username上有2个不同的图像发布,并且当我点击其中一个图像时,会重复相同的图像。显示的图像是正确的,但会根据用户拥有的帖子数重复显示。 – user2159586 2013-03-13 20:04:22

+0

调查生成的HTML源代码。尽管我不太了解facebox,但这听起来像是试图将“不同”图像(具有完全相同的rel-attribute的所有图像)分组在一起显示。 – jack 2013-03-13 22:36:51

0

如果你还是不幸运,尝试基于一类的名称以去除r​​el属性和调用facebox:

<%= link_to post.image_url, :class => "facebox" do %> 
    <%= image_tag post.image_url(:thumb).to_s %> 
<% end %> 

和JavaScript:

$('a.facebox').facebox()