如何使空的href =“”无法点击？

Question

我正在用html / css和liquid建立一个主题。用户可以确定图像是否应该具有URL。这很容易实现：

<a href="{{ klant_logo.logo_url }}" target="{{ klant_logo.nieuw_tabblad }}" > <img src="{{klant_logo.logo_klant.src | img_url: 500, quality: 70 }}" alt="logo"/></a>

但是，当用户没有添加网址时，上面的代码会将其生成为仍然可点击的HTML并导航到页面顶部（例如使用href =“＃”>）。

是否有一种方法（HTML，Jquery，我不知道）使href =“”只有可点击，如果它在括号之间有一个实际的网址？

编辑：谢谢你的快速回复！这就是诀窍：

{% if klant_logo.logo_url != "" %}
  <a href="{{ klant_logo.logo_url }}" target="{{ klant_logo.nieuw_tabblad }}" > <img src="{{klant_logo.logo_klant.src | img_url: 500, quality: 70 }}" alt="logo"/></a>
{% else %}
  <img src="{{klant_logo.logo_klant.src | img_url: 500, quality: 70 }}" alt="logo"/>{% endif %}

Answer 1

您可以拥有一个使某些链接不可用的CSS类：

.inactiveLink {
   pointer-events: none;
   cursor: default;
}

然后你可以做这样的事情：

<a href="{{ klant_logo.logo_url }}" class="{{klant_logo.logo_url ? 'inactiveLink' : '' }}" />

Answer 2

更好的逻辑是检查用户输入的值，如果其为空或空。

您也可以参考：jQuery hyperlinks - href value?