Блог

У меня есть некоторое поведение, связанное с проводами, когда я пытаюсь выбрать родителя/ближайшего в таблице данных после нажатия на элемент раскрывающегося меню начальной загрузки

пример таблицы:

 <table class="table">
<thead class="thead-light">
    <th>id</th>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
    <th>actions</th>
</thead>
<tbody>
    <tr>
        <td>123</td>
        <td>1</td>
        <td>Produkt</td>
        <td>Bezeichnung</td>
        <td class="text-right">
            <div class="dropdown">
                <a href="#" class="btn btn-light-primary font-weight-bold dropdown-toggle" data-toggle="dropdown">
                    Dropdown example
                </a>
                <div class="dropdown-menu dropdown-menu-sm">
                    <ul class="navi">
                        <li class="navi-item">
                            <a class="navi-link active" href="javascript:;">
                                <span class="navi-icon"><i class="flaticon2-chat-1"></i></span>
                                <span class="navi-text">Active</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </td>
    </tr>
</tbody>
 

язык JavaScript:

 $('.navi-item').on('click', function() {
        var tr =  $(this).closest("tr");
        tr.addClass("bg-danger");
        // do stuff
    });
 

это работает нормально, до тех пор, пока он не является доступным для данных.
Это даже работает в таблице данных, когда я перемещаю «снаружи» раскрывающийся div-контейнер — где моя ошибка?

bootstrap 4.6 работал с увлекательной темой и пытался выяснить и решить проблему со стандартными классами boostrap

спасибо вам за вашу помощь! первый пост здесь — пожалуйста, будьте нежны 😉