javascript - 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}
  “下一页”(较旧的帖子)的 URL。

• {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();
}