Gif не появляется при нажатии кнопки - PullRequest
Новая
       23

Gif не появляется при нажатии кнопки

0 голосов
/ 28 апреля 2020

Это код: 

<button class="fun" data-toggle="collapse" data-target="emoji">Click For Fun!</button>
<div id="emoji" class="collapse">
  <div class="container-fluid padding">
    <div class="row text-center">
      <div class="col-sm-6 col-md-3">
        <img class="gif" src="img/gif/panda.gif">
      </div>
    </div>
  </div>
</div>

Для кнопки задано целевое значение данных "emoji", но когда я нажимаю кнопку, ничего не происходит.

1 Ответ

1 голос
/ 28 апреля 2020

data-target="#emoji" решит вашу проблему.

<button class="fun" data-toggle="collapse" data-target="#emoji">Click For Fun!</button>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<button class="fun" data-toggle="collapse" data-target="#emoji">Click For Fun!</button>
<div id="emoji" class="collapse">
  <div class="container-fluid padding">
    <div class="row text-center">
      <div class="col-sm-6 col-md-3">
        <img class="gif" src="https://media0.giphy.com/media/Tia2InBEWaQgckP3UG/source.gif">
      </div>
    </div>
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
...