Функция сортировки с сортировкой по выбору после перемещения предмета в другое положение

Question

У меня есть нокаутируемая сортируемая закладка, где можно сгруппировать ваши закладки и изменить положение.У меня все мои функции работают, но я не могу заставить работать "afterMove".Это мое мнение:

<div class="col-lg-12">

    <div class="bookmarkIconsBox">
        <div data-bind="droppable: newGroup, connectClass :  'lists'" class="lists col-lg-6 bookmarkIcons bookmarkActionsBackground"><i class="fa fa-5x fa-plus"></i>Nieuwe groep aanmaken</div>
        <div data-bind="droppable: deleteItem, connectClass :  'lists'" class="lists col-lg-6 bookmarkIcons bookmarkActionsBackground"><i class="fa fa-5x fa-trash"></i>Bookmark verwijderen</div>
    </div>

    <div class="bookmarkBoxTitle" data-bind="visible: $root.visible()">
        <input class="title" data-bind="textInput: $root.groupname()" />
        <span data-bind="click: function() { $root.setVisible(), $root.changeGroupName($root.groupname())}"><i class="fa fa-2x fa-save"></i></span>
        <span data-bind="click: $root.setVisible, visible: $root.visible()"><i class="fa fa-2x fa-close"></i></span>
    </div>

    <div class="bookmarkBoxTitle" data-bind="visible: $root.visibleBookmarkName()">
        <input class="title" data-bind="textInput: $root.bookmarkname()" />
        <span data-bind="click: function() { $root.setVisibleBookmarkName(), $root.changeName($root.bookmarkname())}"><i class="fa fa-2x fa-save"></i></span>
        <span data-bind="click: $root.setVisibleBookmarkName, visible: $root.visibleBookmarkName()"><i class="fa fa-2x fa-close"></i></span>
    </div>
  </div>


<div data-bind="foreach:   allBookmarks.bookmarkGroups" class="col-lg-12">

    <div class="bookmarkBoxTitle">
        <h3 class="title" data-bind="text: Description" />
        <span data-bind="click: function(){$root.edit(Description)}" class="editName"><i class="fa fa-2x fa-edit"></i></span>
    </div>
    <div data-bind="sortable: { template: 'itemTmpl', data: bookmarks, connectClass :  'lists', afterMove: $root.update($parent.allBookmarks.bookmarkGroups)}" id="sortable" class="lists bookmarkBackground">
    </div>

</div>
<script id="itemTmpl" type="text/html">
<div class="card col-lg-4">

    <div>
        <span class="moveItem"><i class="fa fa-2x fa-arrows"></i></span>
        <span data-bind="click: function(){$root.editBookmarkName(Description)}" class="editName"><i class="fa fa-2x fa-edit" data-bind="visible: !$root.visibleBookmarkName()"></i></span>
    </div>

    <div class="card-block">
        <div class="bookmarkBoxTitle">
            <h4 class="card-title" data-bind="text: Description " />
            <h4 class="card-title" data-bind="text: $index" />
        </div>

        <ul class="card-text">
            <li data-bind="text: workspace"></li>
            <li data-bind="text: role"></li>
        </ul>
        <a class="btn btn-primary" data-bind="attr : {'href':  '/#page/' +  link }">Ga naar</a>
    </div>
</div>

Когда я перемещаю элемент в группу или в другую группу, я хочу, чтобы он выполнил функцию $ root.update (), но я могу 'Кажется, чтобы заставить его работать.