TUMBLR：页码大于1时如何隐藏div？

Question

这是我目前所拥有的：

<script type="text/javascript"> 

if ($("{CurrentPage}").length > 1) {
  $("#comslider_in_point_234708").style.display="none";

}

</script>

这里是 tumblr 的变量（我不确定要使用哪一个，因为似乎没有一个有效）：

• {block:Pagination}{/block:Pagination}
  如果存在“上一页”或“下一页”页面，则呈现。

• {block:PreviousPage}{/block:PreviousPage}
  如果有“上一个”页面（较新的帖子）可以导航到，则呈现。

• {block:NextPage}{/block:NextPage}
  如果有“下一个”页面（较早的帖子）可以导航到，则呈现。

• {PreviousPage}
  “上一个”页面的 URL（较新的帖子）。

• {NextPage}
  “下一页”的网址（旧帖子）。

• {CurrentPage}
  当前页码。

• {TotalPages}
  总页数。

Answer 1

你已经得到了答案，但我认为我们可以做得比只给你代码更好。

您的 JavaScript 的一个问题是您试图使用 jQuery 选择器获取 HTML 元素，而 Tumblr 变量不是 HTML 元素，它只是一个变量。然后我们从您的代码中删除了 jQuery 元素选择器，如下所示：

if ({CurrentPage}.length > 1) {
  document.getElementById("comslider_in_point_234708").style.display="none";
}

但是你的代码仍然会有其他问题，因为这样你是在检查变量length属性是否大于1，而不是变量实际值，所以如果变量等于2 或 9 例如，比较将返回 false 并导致 if 失败。

这是因为length 属性返回变量中的字符数，而不是它的值（所以10.length 返回2，1000.length 返回4)。为了解决这个问题，我们也删除了它，留下如下代码：

if ({CurrentPage} > 1) {
  document.getElementById("comslider_in_point_234708").style.display="none";
}

那么在第11页执行代码时，{CurrentPage}变量将包含数字11，代码运行如下：

if (11 > 1) { // returns true
  document.getElementById("comslider_in_point_234708").style.display="none";
}

另外，如果您使用的是 jQuery，您可以通过将 if 中的行替换为以下代码来改进您的代码：

$("#comslider_in_point_234708").hide();

...它使用了你之前用错地方的jQuery选择器，以及jQuery的hide()方法，相当于display:none。

---

所以，最后，结果如下：

if ({CurrentPage} > 1) {
  $("#comslider_in_point_234708").hide();
}

Answer 2

后偏移量

使用 Tumblrs 自己的主题运算符而不是 javascript 可以做到这一点。块 {block:Post[1-15]} 允许您指定后偏移量。在 OP 示例中，我将使用 Post2。

<style>

  <!-- Hide comslider if there is a second post on the page -->
  {block:Post2}
  #comslider_in_point_234708 {
    display: none;
  }
  {/block:Post2}

</style>

参考

Posts Basic Variables

Answer 3

试试这个：

<script type="text/javascript"> 
if ({CurrentPage} > 1) {
  document.getElementById("comslider_in_point_234708").style.display="none";

}
</script>

函数中无需使用length