Question

我有一个BlogPost资源，在BlogPost'show'屏幕中，我想要显示一个“新评论”按钮，只有点击该按钮我才能将新评论模板渲染到同一页面。我想用ajax概念来做到这一点。我该怎么做呢？

注意：我将BlogPost和Comment作为单独的资源（复数）我在路线中定义的资源如下所示：

map.resources :blog_posts, :has_many => :comments

编辑：为了更好的主意，在stackoverflow中的问题下方添加“添加评论”链接

Answer 1

我认为您需要做的就是在页面加载时渲染注释框（HTML标记），但为其提供一个隐藏的CSS规则（<div id='comment' style="display:none"> ... comment markup ... </div>）。然后在该div的上方或下方添加一个链接以显示div并使用js隐藏“添加注释”链接（如jquery）。

这样的事情：

<script type='text/javascript'>
function fade_some_stuff(){
   $('#comment_link').click( function(){ $('#comment').fadeIn(); $('#comment_link').fadeOut(); });
}
</script>
<a href="#" id='comment_link'>add comment</a>
<div id='comment' style="display:none;">
 ...
</div>

Answer 2

我相信你需要这样的东西...... http://jqueryui.com/demos/dialog/#modal-form

请仔细阅读底部提供的文档，在您的应用中实现此目的。

祝你好运！

单击按钮，在Ruby on Rails中打开新文本框

2 个答案: