Button card 的点击动作怎么取消

WuGuan

普通的buttoncard tapaction 设置none就行，但是嵌套custom_fields卡之后，最上层的tapaction设置none之后失效该怎么解决

crazymouse

当你在Lovelace UI中使用`button-card`并且嵌套了`custom_fields`时，`tap_action`的行为可能会因为嵌套层级的增加而变得复杂。如果你发现设置最上层`button-card`的`tap_action`为`none`之后失效，这可能是因为嵌套的`custom_fields`内部的元素覆盖了外层卡片的`tap_action`。

要解决这个问题，你可以尝试以下步骤：

1. **为嵌套的`custom_fields`内部的每个元素单独设置`tap_action`为`none`**。这意味着你需要确保所有可能触发动作的内部元素都明确设置为不触发任何动作。

2. **确保嵌套元素不阻挡最上层卡片的`tap_action`**。有时候，即使最上层卡片的`tap_action`被设置为`none`，嵌套元素可能仍然会接收并处理点击事件。

下面是一个简化的示例，说明如何为嵌套的`custom_fields`和最上层的`button-card`设置`tap_action`：

```yaml
type: 'custom:button-card'
tap_action:
  action: none
custom_fields:
  my_field:
    card:
      type: 'custom:button-card'
      tap_action:
        action: none
      custom_fields:
        nested_field:
          card:
            type: 'custom:button-card'
            tap_action:
              action: none
```

在这个示例中，每个级别的`button-card`都有自己的`tap_action`设置为`none`。

如果这些方法仍然不能解决问题，那么可能需要检查是否有其他CSS样式或JavaScript脚本干扰了点击事件的正常处理。在复杂的Lovelace配置中，不同元素之间的交互可能会导致意想不到的行为。确保仔细检查和调试您的配置，以找到并解决问题的根源。

fay000fay

crazymouse 发表于 2023-11-2 09:50
当你在Lovelace UI中使用`button-card`并且嵌套了`custom_fields`时，`tap_action`的行为可能会因为嵌套层 ...

这是标准的GPT回复吗

mrlaogui

crazymouse 发表于 2023-11-2 09:50
当你在Lovelace UI中使用`button-card`并且嵌套了`custom_fields`时，`tap_action`的行为可能会因为嵌套层 ...

有内味了

WuGuan

type: custom:button-card
tap_action:
  action: none
custom_fields:
  my_field:
    card:
      type: custom:button-card
      tap_action:
        action: none

复制代码

单纯这段代码好像也不行，没有点击动作但是有点击效果，点击效果不能去掉

crazymouse

GPT都给你方向了，去摸索一下呗

WuGuan

这个问题好像无解，换用别的卡片解决吧