是否可以灰显而不是有条件地隐藏/显示区域显示选择器

Question

我想标题已经说明了一切。我有 8 个区域，但有几个区域依赖于一个值。但是，由于区域选择器的顺序根据值而变化，我想知道是否可以始终显示所有区域，但只是将其显示为灰色，以便在不满足条件时无法单击它们。这样，区域的顺序和位置就不会改变，因此总是可以从内存中单击正确的区域，而不是仔细检查区域名称，因为它的位置将根据值而变化（如果有意义的话）。

谢谢

Answer 1

实现此类功能的最简单方法是在动态操作中使用 JQuery 语句，您已经决定启用/禁用哪个区域。 RDS 具有以下 DOM 结构（据说为区域提供了静态 ID）

<ul class="t-Tabs t-Tabs--simple a-Tabs">
  <li class="t-Tabs-item" id="tab1">...</li> 
  <li class="t-Tabs-item" id="tab2">...</li>
<ul>

在具有“执行Javascript代码”操作的动态操作中，您可以使用JQuery选择器并添加样式（当然符合您的业务逻辑）：

$('#tab1').css('pointer-events', 'none');
// or vice versa: 
$('#tab1').css('pointer-events', 'unset');