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

发布于 2024-10-04 06:55:51 字数 304 浏览 5 评论 0原文

我有一个 BlogPost 资源，在 BlogPost 的“显示”屏幕中，我希望显示一个“新评论”按钮，并且只有单击该按钮时，我才希望将新评论模板呈现到同一页面中。我想使用 ajax 概念来做到这一点。我该怎么做？

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

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

编辑：为了更好的想法，“添加评论”链接位于 stackoverflow 中问题下方

原文

I have a BlogPost resources, where in BlogPost 'show' screen, I want a "new comment" button to be displayed and only on clicking that button I want the new Comment template to be rendered into the same page. I would like to use ajax concept to do this. How do I do this?

NOTE: I have BlogPost and Comment as seperate resources(plural)
Resources I've defined in my routes looks like this:

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

EDIT: For a better idea, the 'add comment' link just below a question in stackoverflow

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

落日海湾 2024-10-11 06:55:51

我认为您需要做的就是在页面加载时呈现评论框（HTML 标记），但给它一个要隐藏的 CSS 规则（

...注释标记...

)。然后在该 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>

I think all you need to do is render the comment box (the HTML markup) on page load but give it a CSS rule to be hidden ( <div id='comment' style="display:none"> ... comment markup ... </div> ). Then add a link just above or below that div to show the div and hide the "add comment" link using js (like jquery).

Something like this:

<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>

回复收藏 0 原文