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

Добрый день.
Столкнулся с такой задачей сделать некликабельные ссылки определенных разделов меню(верхних уровней)
Решение было и довольно быстрое на мой взгляд:
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
1
3 813
0

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

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