Расширенный div не имеет реакции (нет onclick или чего-то еще ...) - PullRequest
Новая
       105

Расширенный div не имеет реакции (нет onclick или чего-то еще ...)

0 голосов
/ 21 июня 2020

У меня есть div в элементе td вроде этого: 

<td scope="row">
    <div class="reservation-container">
        <div class="reservation reservation-normal shadow" style="background-color: #0C738D;" onclick="manageReservation(...)" data-userdata="[...]">
        </div>
        <div class="reservation reservation-normal shadow" style="background-color: #0C738D;" onclick="manageReservation(...)" data-userdata="[...]">
        </div>
        ...
    </div>
</td>

Элементы .reservation имеют высоту: 300%; к нему (css), поэтому они охватывают 3 ряда. Дело в том, что когда я помещаю событие onclick в элементы .reservation, оно применяется только к первым 100% высоты: (Приносим извинения за плохое изображение ASCII)
Строка 1 __ __ __ H __ <- Onclick работает только с этим <br>Строка 2 __ __ __ H __
Строка 3 __ __ __ H __
Кроме того, Я сделал границы ячеек td при наведении: граница находится под .reservation в первой ячейке, а в двух - под.
Пожалуйста, помогите!
(Изображения)
Изображение 1
Изображение 2
(и да, я знаю, вероятно, не следует использовать таблицы, но у меня нет времени его менять)

РЕДАКТИРОВАТЬ: Я думаю, что это как-то связано с распространением событий, но я не уверен ... РЕДАКТИРОВАТЬ 2: Пробовал предложение Зеппо, но теперь все это не работает ... Я проверю то, что он сказал.

...