如果其小部件不可见，如何隐藏 Blogger 部分

Question

好的，看这段代码

<b:section id='page-list'>
  <b:widget id='PageList1' locked='false' type='PageList' version='2' visible='true'>
  </b:widget>
</b:section>

如果小部件不可见，我想隐藏所有部分我使用此代码

cond='data:widgets.PageList.notEmpty'

像这样

<b:section cond='data:widgets.PageList.notEmpty' id='page-list'>
  <b:widget id='PageList1' locked='false' type='PageList' version='2' visible='true'>
  </b:widget>
</b:section>

它可以工作，但是当我添加另一个小部件时 "PageList" 又出现了 .. 如果不用jq & java也能解决... 只需为博主使用 conditionnelles 标签 ...

Answer 1

尝试 css 属性可见性：隐藏；

.hidden {
  visibility: hidden;
}

<b:section class="hidden" id='page-list'>
  <b:widget id='PageList1' locked='false' type='PageList' version='2'>
  </b:widget>
</b:section>

Answer 2

data:widgets.PageList.notEmpty 测试模板中 pageList 类型的每个小部件。要将条件应用于特定小部件，请使用小部件 ID PageList1 而不是类型。

由于 data:widgets 中不存在小部件 ID，您可以使用 lambada 表达式

cond='(data:widgets.PageList filter (w => w.id == "PageList1")).notEmpty'

如果其小部件不可见，如何隐藏 Blogger 部分

How to hide a Blogger section if its widget invisible

javascript

html

jquery

blogger