Кнопка расширения nestable2 не скрывается при расширении списка

Question

Я пытаюсь реализовать nestable2.js в приложении .net core mvc, и я не могу скрыть кнопку расширения при расширении списка.Однако список разворачивается и разворачивается, как и ожидалось.

Похоже, что класс кнопки "dd-expand" не изменяется при изменении элемента.

        <div class="cf nestable-lists">
        <div class="dd" id="nestable">
            <ol class="dd-list">
                <li class="dd-item" data-id="1">
                    <div class="dd-handle">Item 1</div>
                </li>
                <li class="dd-item" data-id="2">
                    <div class="dd-handle">Item 2</div>
                </li>
                <li class="dd-item dd-collapsed" data-id="3">
                    <button class="dd-collapse" data-action="collapse" type="button">Collapse</button>
                    <button class="dd-expand" data-action="expand" type="button">Expand</button>
                    <div class="dd-handle">Item 3</div>
                    <ol class="dd-list">
                        <li class="dd-item" data-id="4">
                            <div class="dd-handle">Item 4</div>
                        </li>
                        <li class="dd-item" data-id="5" data-foo="bar">
                            <div class="dd-nodrag">Item 5</div>
                        </li>
                    </ol>
                </li>
            </ol>
        </div>
    </div>

Снимок экрана с вопросом:

(раскрывающийся список полностью раскрыт) * ​​1008 *

(раскрывающийся список полностью свернут)

Answer 1

Какую версию nestable2 вы используете?Я использую CDNJS ：

<div class="cf nestable-lists">
<div class="dd" id="nestable">
    <ol class="dd-list">
        <li class="dd-item" data-id="1">
            <div class="dd-handle">Item 1</div>
        </li>
        <li class="dd-item" data-id="2">
            <div class="dd-handle">Item 2</div>
        </li>
        <li class="dd-item dd-collapsed" data-id="3">
            <button class="dd-collapse" data-action="collapse" type="button">Collapse</button>
            <button class="dd-expand" data-action="expand" type="button">Expand</button>
            <div class="dd-handle">Item 3</div>
            <ol class="dd-list">
                <li class="dd-item" data-id="4">
                    <div class="dd-handle">Item 4</div>
                </li>
                <li class="dd-item" data-id="5" data-foo="bar">
                    <div class="dd-nodrag">Item 5</div>
                </li>
            </ol>
        </li>
    </ol>
</div>

@section Scripts{

<script src="//cdnjs.cloudflare.com/ajax/libs/nestable2/1.6.0/jquery.nestable.min.js"></script>

<script>
    $('.dd').nestable({ /* config options */ });
</script>

}

Она скрывает кнопку раскрытия при расширении списка: