gcogco10 Ответов: 1

Как использовать вашу div-карту для случайного цвета при создании?


Привет Команда

Я создал div, который имеет тело, но я хочу использовать цвет внутри, если он будет создан без пользователя, выбирающего их. Но мой не работает хорошо, и нет никакой ошибки, когда я отлаживаю, нужна некоторая помощь здесь Спасибо.

Что я уже пробовал:

<pre> <div class="card" style="width: 18rem;">
                                    <div class="jump-response"></div>
                                    <div class="card-body d-flex flex-1">
                                        <a href="#" class="btn btn-primary pull-left">Published</a>
                                    </div>

                                    <div class="card-body">
                                        <h4 class="card-title">John Doe</h4>
                                        <p class="card-text">Some example text.</p>

                                    </div>
                                </div>



<script type="text/javascript" src="~/Scripts/bootstrap.min.js">
   function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}
    $(function() {
    $(".jump-response").each(function() {
        $(this).css("background-color", get_random_color());
    });
});
</script>

1 Ответов

Рейтинг:
4

Richard Deeming

Вы устанавливаете background-color на пустом месте <div> Цвет будет обновлен, но он не будет виден.

Либо исправьте разметку так, чтобы .jump-response элемент не пуст, или измените Javascript, чтобы установить цвет на правильный элемент.