Ruby on rails 如何在rails中加载一个div以响应对另一个div的单击?
我对Rails(和web)编程非常陌生,所以我甚至不确定我应该寻找什么技术来实现这一点 我已经下载并浏览了本手册的前五章,但现在有一个非常简单的请求 在网页的左侧,我将有一个表格。如果用户单击该表中的某个元素,我希望页面的右侧显示一些新内容 我已经有一个页面显示该表,即:Ruby on rails 如何在rails中加载一个div以响应对另一个div的单击?,ruby-on-rails,ajax,ruby-on-rails-3,Ruby On Rails,Ajax,Ruby On Rails 3,我对Rails(和web)编程非常陌生,所以我甚至不确定我应该寻找什么技术来实现这一点 我已经下载并浏览了本手册的前五章,但现在有一个非常简单的请求 在网页的左侧,我将有一个表格。如果用户单击该表中的某个元素,我希望页面的右侧显示一些新内容 我已经有一个页面显示该表,即: <div class="center hero-unit"> <div class="container"> <h2>2012 Yearly Report</h2>
<div class="center hero-unit">
<div class="container">
<h2>2012 Yearly Report</h2>
<div class="row-fluid">
<div class="span12">
<div class="span4">
<table border="1">
</table>
</div>
<div class="span6">
<!-- load stuff here based on what someone clicks on in the table -->
</div>
</div>
</div>
</div>
</div>
2012年度报告
我用它来显示一切。我只是不明白如何根据“span4”中的用户行为更改“span6”div的内容。这是一个很难回答的问题。这实际上取决于您试图显示的数据类型以及您想要的交互方式 实际上,您并没有提供太多关于您要完成的任务的信息,但是如果我不得不猜测的话,您正在尝试从数据库加载数据并将其插入到元素中,而不离开当前页面。这就是AJAX的用途(您的教程将在第11章中对其进行介绍),它涉及大量javascript,这通常超出了Ruby等服务器端语言的范围。幸运的是,rails包含了一些帮助程序,可以轻松地将AJAX功能包含到web应用程序中,而无需编写大量javascript(尽管您需要编写一些javascript) 例如,假设您的表有一个文章列表,并且您希望在单击某个文章的链接时在div中显示该文章的内容 首先是链接:
<%= link_to article.name, article_url(article), :remote => true %>
当你的一个远程链接被点击时,会对这个javascript(嵌入ruby)代码进行评估,并用文章的内容替换div的内容
网上有很多资源可以为您提供更多信息。它看起来像是一周前刚刚发布的。它需要订阅才能查看,但非常值得(特别是如果您刚刚起步)。完美,这正是我想要的。我知道我很宽宏大量,但我只是不知道如何做我想做的事。
<div id='article-content'></div>
$('#article-content').html("<%=javascript_escape @article.content %>");