如何在 drupal 7 中禁用链接？答案

【问题标题】：How to disable a link in drupal 7?如何在 drupal 7 中禁用链接？
【发布时间】：2018-09-12 10:59:56
【问题描述】：

我想在我的 drupal 7 中禁用一个链接。我不知道该怎么做。有没有它的模块。这个特定的链接（https://xx.xxx.xx.xxx/dev/node）是当我故意将链接直接放在 URL 选项卡上（登录时）而不是通过任何点击导航时。我无权访问它的 HTML。我尝试使用此 URL 中给出的 CSS - How to disable a link using only CSS?

但它没有用。事实上，它不会工作，因为 URL 无处可见。该页面仅在我手动输入 URL 时出现。

【问题讨论】：

JavaScript 会是一种可接受的方法吗？您可以添加一个 onclick 事件并让它返回 false，如下所示：<a href="my/path" onclick="return false;">Click me and nothing happens!</a>
如果您只是想让链接“消失”，因为根本不可见，您可以将visibility: hidden; 作为样式添加到元素，如下所示：<a href="my/path" style="visibility: hidden !important;">No one can see me!</a>
这有什么更新？你解决了吗？如果答案对您有任何帮助，请考虑接受。

标签： css drupal hyperlink drupal-7 drupal-modules

【解决方案1】：

根据“禁用”的含义，您可以使用 JavaScript 的 onclick 事件并让它返回 false。这将“禁用”链接，这意味着，当您单击链接时，绝对不会发生任何事情。 return false 语句将破坏链接的默认行为，即将用户重定向到任何引用 (href)。

示例：<a href="my/path" onclick="return false;">Click me and nothing happens!</a>

如果您所说的“禁用”是指隐藏元素使其完全不可交互，您可以使用 CSS 属性 visibility 并将其设置为 hidden。

示例：<a href="my/path" style="visibility: hidden !important;">No one can see me!</a>

"!important" 关键字基本上只是意味着 CSS 解释器应该优先考虑该 CSS 规则而不是其他规则。这样，您几乎可以肯定您的 CSS 规则将适用于所有情况。

除了内联样式，您当然可以使用 CSS 类等来应用相同的 CSS，如果您有一些链接或您希望“隐藏”的其他元素，这可能会派上用场 em>。

您还可以查看 CSS 指针事件，它基本上是我之前提供的相同 JavaScript 解决方案的“非 JavaScript”版本。

【讨论】：