Как сделать пустой href = "" не кликабельным? - PullRequest
Новая
       43

Как сделать пустой href = "" не кликабельным?

0 голосов
/ 18 сентября 2018

Я создаю тему с помощью HTML / CSS и жидкости.Пользователь может определить, должно ли изображение иметь 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>

НО, когда пользователь не добавляет URL-адрес, приведенный выше код генерирует его как HTML, который по-прежнему можно нажимать и перемещается в верхнюю часть страницы (как в случае сhref = "#">.

Есть ли способ (HTML, Jquery, я не знаю) сделать href = "" кликабельным, только если у него есть фактический URL-адрес в скобках?

РЕДАКТИРОВАТЬ : спасибо за быстрый ответ! Это хитрость: 

{% 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 %}

Ответы [ 2 ]

0 голосов
/ 18 сентября 2018

Лучшей логикой будет проверка введенного пользователем значения, если оно пустое или пустое.

Также вы можете сослаться на: гиперссылки jQuery - значение href?

0 голосов
/ 18 сентября 2018

У вас может быть класс CSS, который делает определенные ссылки недоступными: 

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

Затем вы можете сделать что-то вроде этого: 

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