неправильное размещение анимации с div частицами js - PullRequest
0 голосов
/ 17 октября 2019

На своей веб-странице я использую карты начальной загрузки, которые выглядят примерно так:

<div class="col-sm-4 m-auto">
      <a href="#" class="nostyle">
        <div class="card mb-3 ml-3 mr-1 pl-3" style="max-width: 540px;  border:none; box-shadow: 2px 2px 10px 0.0001px grey;">
                <div class="row no-gutters">
                  <div class="col-md-4">
                    <img src="'.$row['image'].'" height="100%" class="card-img" alt="...">
                  </div>
                  <div class="col-md-8">
                    <div class="card-body">
                      <h5 class="card-title">'.$row['username'].'</h5>
                      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>

                    </div>
                  </div>
                </div>
                </div>
                </a>
              </div>

и код ajax для получения этих значений php:

$(document).ready(function(){
    $('#search_txt').keyup(function(){
        var txt = $(this).val();
        if (txt != '') {
            $.ajax({
                url: "fetch.php",
                method: "post",
                data: {search:txt},
                dataType: "text",
                success: function(data)
                {
                    $('#result').html(data)
                    var particles = new Particles('.card');
          $('.card').click(function(){
            particles.disintegrate();
          })
                }
            })
        } else {

        }
    })
});

Все отлично работает вместоКогда я нажимаю на карту Bootstrap, анимация происходит под картой, и карта просто остается на месте.

...