Question

我的快速应用程序正在运行时，我有一个由函数生成的json对象数组。如果只有一个对象，那么它将由以下玉视图

呈现

p You searched for '#{prop}'
  h2 Result
    if response
      -var numResults = response.hits.total
      #numResults
      p Number of hits #{numResults}
        -for (var i = 0; i < numResults; i++) {
          pre= JSON.stringify(response.hits.hits[i], null, ' ')
        -}
    else
      p No Matches

如果要渲染的对象超过两个，则它们当前都在页面下方呈现一个对象。我更喜欢渲染一个对象，并在其下面有一个prev和next按钮，允许用户循环浏览其他对象，即在同一个地方一次只渲染一个对象在页面中。解决这个问题的最佳方法是什么？

如果我按照下面这样的方法，那么我可以切换可见性，而不是全部或全部显示，我想循环浏览项目，即默认显示项目1，单击以仅显示项目2，再次对于第3项等。

script.
  function toggledisplay(elementID)
    {
      (function(style) {
        style.display = style.display === 'none' ? '' : 'none';
      })(document.getElementById(elementID).style);
    }


a(href="#" title="Show Tags" onClick="toggledisplay('changethis');") Show All Tags
ul(class="subforums" id="changethis" style="overflow-x: visible; overflow-y: visible; ")
  li Item 1
  li Item 2
  li Item 3

Answer 1

渲染所有内容（所有结果），但只显示一个（第一个），用css隐藏其他内容。

在按钮上游和下一步上添加点击聆听器，以切换结果的可见性。

快递应用中的分页

1 个答案: