проверить, перекрывает ли элемент (div) другой элемент (div) js - PullRequest
Новая
       70

проверить, перекрывает ли элемент (div) другой элемент (div) js

0 голосов
/ 04 декабря 2018

Я создаю страницу как https://thousandetherhomepage.com

, и у меня есть перетаскиваемый div на моей странице, как этот сайт.

код

этомой код, я разрабатываю страницу и получаю значения из laravel в бэкэнде и показываю их в виде.это работает отлично.

    <div class="body" id="body">

                @foreach($datas as $data)
                <a href="{{ $data->sitelink }}" title="{{ $data->linkalt }}" target="_blank">
                    <img src="{{ $data->imageurl }}" alt="{{ $data->linkalt }}"  class="" style="left: {{$data->x1}}px; top: {{$data->y1}}px; width: {{$data->width}}px; height: {{$data->height}}px;">
                </a>

                @endforeach
                    <div id="resizable" class="ui-widget-content">

                    </div>
        </div>

<script>
    $(function() {
        $( "#resizable" ).resizable({
            containment: ".body",
            grid:10
        });
        $('#resizable').draggable({
            containment: ".body",
            grid:[10,10]
        });
    });

</script>

Я хочу показать ошибку (предупреждение), когда мой перетаскиваемый блок ( # изменяемый размер ) перекрывает другие элементы.и перетаскиваемый прямоугольник, чтобы быть красным при наложении.Как я могу сделать это с JQuery?

...