使用 jQuery 循环浏览一组记录？答案

【问题标题】：Cycling through a collection of records with jQuery?使用 jQuery 循环浏览一组记录？
【发布时间】：2011-09-14 04:19:49
【问题描述】：

我有一系列问题，存储在@questions 中。我希望用户能够拥有下一个和后退按钮来循环浏览问题，使用 jQuery 来更改问题 div 的内容。

例如，这里是我将用于部分问题的 jQuery 代码 [.js.erb]：

$(document).ready(function(){
  $("#question").html("<strong><%= @question.name %></strong><% insert_more_code_here %>");
});

如何设计我希望用户能够循环浏览问题的页面？我知道我可能会在 each 块中使用某些东西，但我不想同时显示所有问题。谢谢！

【问题讨论】：

【解决方案1】：

在您的 HTML 中输出所有问题并使用 CSS 隐藏您不想立即显示的问题。然后使用 jQuery 通过jQuery.hide() 和.show() 或通过切换 CSS 类来更改它们的可见性。

【讨论】：