Ссылка не работает на шаблоне CSS / HTML - PullRequest
Новая
       22

Ссылка не работает на шаблоне CSS / HTML

0 голосов
/ 14 мая 2018

Я использую этот шаблон

https://codepen.io/candroo/pen/wKEwRL

Но ссылка на кнопку не работает. Закрыть анимацию без перехода на страницу.

Если я отключу скрипт js, ссылки будут работать, поэтому я подозреваю, что это что-то с Js. сценария, но я не смог найти ошибку.

Один код карты: 

 <div class="card-flap flap1">
      <div class="card-description">
        This grid is an attempt to make something nice that works on touch devices. Ignoring hover states when they're not available etc.
      </div>
      <div class="card-flap flap2">
        <div class="card-actions">
          <a href="#" class="btn">Read more</a>
        </div>
      </div>
    </div>
  </div>

Код JavaScript: 

$(document).ready(function(){
  var zindex = 10;

  $("div.card").click(function(e){
    e.preventDefault();

    var isShowing = false;

    if ($(this).hasClass("show")) {
      isShowing = true



    }


    if ($("div.cards").hasClass("showing")) {
      // a card is already in view
      $("div.card.show")
        .removeClass("show");

      if (isShowing) {
        // this card was showing - reset the grid

        $("div.cards")
          .removeClass("showing");
      } else {
        // this card isn't showing - get in with it
        $(this)
          .css({zIndex: zindex})
          .addClass("show");

      }

      zindex++;

    } else {
      // no cards in view
      $("div.cards")
        .addClass("showing");
      $(this)
        .css({zIndex:zindex})
        .addClass("show");

      zindex++;
    }

  });
});
...