0

请参考下图以了解外观。

我有一个名为“酱汁”的 ruby​​ on rails 数据库。

酱汁表中的字段如下：

  • ID
  • 姓名
  • 描述
  • 图片

这是我的CSS：

#container{width:950px;height:800px;}
#title{this_is:irrelevant;}
#sauce_picture{bla bla}
#sauce_name{bla bla}
#sauce_splatter{background-image:url("someimage.png")}

HTML

<html>
 <body>
  <div id="container>
   <div id="title><h1>SAUCES</h1></div>
   <div id="sauce_picture><img src="somepic.png/></div>
   <div id="sauce_name><h2>Sauce 1</h2></div>
   <div id="sauce_splatter>
     <p>Sauce Description Goes Here</p> 
   </div>
  </div>
 </body>
</html>

好的，rails 数据库表有 6 条记录，每个字段都存在。我想要实现的是说页面已加载。我希望记录位于第一条记录，其中 , 的内容<img src="somepic.png/>全部<h2>Sauce 1</h2>从<p>Sauce Description Goes Here</p>数据库表中检索，因为计数从一开始。

我不知道如何做到这一点，以便当按下右箭头时，id 变为 2，并且上述内容更改为记录号 2（id=2）中存在的内容。

最后我将如何做到这一点，如果 id=1 （即第一条记录，左箭头作为链接被禁用，当最后一条记录出现时，右箭头被禁用。这可以通过使用更改元素来实现JQuery，但是我怎样才能同时使用 Rails 和 Jquery。

这样，如果我将来在数据库表中添加新的酱汁，我就不必更改任何代码，毕竟这就是 MCV 的全部意义所在。

谢谢

图片

4

1 回答 1

0

一个可能的解决方案，只要你的 Sauces-Table 没有很多条目，就是交出一个像

@sauces = Sauce.all

默认情况下，您的视图可以呈现数组的一个条目，并且要更新 div，您需要编写一些 JavaScript 来跟踪实际选择的条目，并使用新选择的酱汁的属性更新 div。

对于更大的表，您可以使用 AJAX 从后端检索选定的酱汁，但您仍然需要通过 JavaScript 在异步调用结果上更新您的内容 div。

您还可以为每个酱汁条目呈现一个 div 并隐藏除要显示的实际之外的所有内容，按下按钮后，将显示带有所选酱汁的隐藏 div，另一个也将通过 JavaScript 设置为不可见

于 2012-10-29T20:15:22.367 回答