我有一个页面上的帖子链接列表。单击时,该链接会触发一个灯箱,其中部分显示帖子。
我的问题:
1.) 用户与灯箱交互并更改有关帖子的信息(收藏、取消收藏)。
2.) 用户然后关闭灯箱
3.) 用户通过再次单击链接重新打开灯箱。灯箱信息不会随着用户刚刚所做的更改而更新。
4.) 但是如果用户刷新整个页面Ctrl+R并点击灯箱,灯箱会反映新的变化。
我使用的灯箱是 FancyBox。
链接到灯箱
<a class="fancyboxentry" rel="entries" href="#entryshow<%= thispost.id%>" onclick ="renderEntry<%=thispost.id%>()">
<%= image_tag(thispost.content_2)%>
</a>
虚拟 div 来保存加载的部分。
<div id="entryshow<%= thispost.id %>"> </div>
渲染入口函数:
<script>
function renderEntry<%= thispost.id%>() {
$('#entryshow<%= thispost.id%>').html("<%=escape_javascript(render(:partial => 'posts/show', :locals => {:id => thispost.id})).html_safe %>");}
</script>
如何让部分重新渲染,这意味着每次单击链接时都从数据库中提取新信息(检查它是否被收藏、新评论等)?我当前的链接似乎只是缓存旧信息,直到页面刷新。