К содержанию

Как сделать некликабельные ссылки?

Добрый день.
Столкнулся с такой задачей сделать некликабельные ссылки определенных разделов меню(верхних уровней)
Решение было и довольно быстрое на мой взгляд:
a.disabled {
pointer-events: none;
cursor: default;
color: #555;
}
<li [[+wf.classes]]><a href="[[+wf.link]]" class="disabled" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>
И все заработало, с большим НО… все ссылки меню верхнего уровня стали некликабельные.
И у меня такой вопрос как сделать только определенные некликабельные, а остальные кликабельные?
Спасибо.
Александр
Александр
03 февраля 2016, 10:43
modx.pro
5 360
Реклама

Job Piper собирает IT заказы со всего Интернета.

По цене чашки кофе. Окупается с одного заказа.

Попробовать бесплатно

Комментарии: 13

Владислав
Владислав Старожил
03 февраля 2016, 13:45
Поставь у ресурса по которому кликать нельзя в «Атрибуты ссылки» onclick=«return false;»
А ту фигню из стилей убери
    Александр
    Александр Старожил
    03 февраля 2016, 13:48
    Спасибо. Решение хорошие, а с классом тот что описал никак нельзя сделать?
      Владислав
      Владислав Старожил
      03 февраля 2016, 13:49
      ну пропиши там же в атрибутах 
      class="disabled"
      , а то он висит на каждом пункте меню
        Александр
        Александр Старожил
        03 февраля 2016, 13:54
        спасибо большое:)
        Роман Садоян
        Роман Садоян Проверенный
        03 февраля 2016, 13:52
        Можно, если на jquery то:
        $('.disabled').on('click', function () { return false; });
        или 
        $('.disabled').on('click', function (e) { e.preventDefault(); });
          Александр
          Александр Старожил
          03 февраля 2016, 13:56
          Спасибо. А в чем разница между onlick=«return false» и твоим способом?
            Воеводский Михаил
            Воеводский Михаил Проверенный
            03 февраля 2016, 15:51
            Только в том, что обработчик написан один раз и не в HTML коде.
            Воеводский Михаил
            Воеводский Михаил Проверенный
            03 февраля 2016, 15:51
            Второй вариант корректнее.
        Александр
        Александр Старожил
        03 февраля 2016, 13:54
        Надо учить javascript:)
          Евгений
          Евгений Старожил
          03 февраля 2016, 14:01
          а проверять по 
          [[+isfolder]]
          не получается?
          типа [[+isfolder:is=`1`:then=`код без ссылки`:else=`код с сылкой`]]
            Александр
            Александр Старожил
            04 февраля 2016, 00:55
            Попробую. Спасибо.
              Александр
              Александр Старожил
              11 марта 2016, 17:04
              В такой конструкции не работает!
              <li [[+classes]]><a href="[[+isfolder:is=`1`:then=`<a href="#">`:else=`[[+link]]`]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>
                Евгений
                Евгений Старожил
                13 марта 2016, 21:14
                И не будет работать, потому что ты не правильно понял мой пример :(
                <li [[+classes]]>
    [[+isfolder:is=`1`:then=`<a [[+attributes]] href="[[+link]]">Это Кликабельная ссылка или [[+menutitle]]</a>`:else=`Не кликабельный текст или [[+menutitle]]`]]
    [[+wrapper]]
</li>
                Вроде так…
                А вообще почитай про PHX для модекса… В инете есть нормальное описание даже на русском…
              Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
              13