krl - 奇怪的 KRL foreach 行为

Question

我今天使用 foreach 遇到了一些奇怪的行为。我有一个 dataset这是在拉入一个 JSON 文档。它的一部分是一个数组，我 pick() out 并发送到 foreach。这是我的全局块:

global {
  dataset appserver <- "http://imaj-app.lddi.org:8010/list/popular" cachable for 1 hour;
  popular = appserver.pick("$..images")
}

首先有一个规则来设置页面。它看起来像这样:

rule setup {
  select when web pageview "www\.google\.com"

  pre {
    imagelist = <<
      <div id="462popular" style="margin-left:auto;margin-right:auto;width:450px">
        <p>Popular images from the CS 462 <a href="http://imaj-web.lddi.org/">Image Project</a></p>
        <span class="image"></span>
      </div>
    >>;
  }

  prepend('#footer', imagelist);
}

这是不起作用的规则:

rule images {
  select when web pageview "www\.google\.com"
  foreach popular setting (image)

  pre {
    thumburl = image.pick("$..thumburl");
    viewurl = "http://imaj-web.lddi.org/view?imagekey=" + image.pick("$..imagekey");
    html = <<
      <span class="image"><a href="#{viewurl}"><img src="#{thumburl}" style="border:none"/></a></span>
    >>;
  }

  after('#462popular .image', html);
}

我得到这样的东西(注意滚动条拇指有多小):



任何想法这里发生了什么？

Answer 1

您的 html 结构和用于插入新内容的后选择器存在递归问题。

您插入新内容的选择器是

#462popular .image

这意味着 html 的内容将被插入到每个具有图像类的元素之后，该元素包含在 id 为 #462popular 的元素中。

在您插入的 html 中，您有一个类名为 image 的元素，这意味着每次遍历循环时，您都将元素数量与 #462popular 中的图像类相乘。

:)