函数onClick未触发

Question

我有一个django管理站点，管理员可以在其中管理员工可以看到的文档。管理员可以更改元素的顺序，因为我添加了类＆＃34; sortable＆＃34;在包含文档元素的ul中，按以下方式：

<!-- Sortable categories and documents -->
<div class="document_container">
    <ul class="sortable">
        <li class="document-item context-menu-document"></li>
        <li class="document-item context-menu-document"></li>
        <li class="document-item context-menu-document"></li>
        ...
        ...
        ...
    </ul>
</div>

然后，使用JS我将点击事件附加到具有类.document-item的元素以便选择它们，如您所见：

$(document).ready(function(){

    $('.document-item').click(function(e){
        $(this).addClass('ui-selected selected-unique');
    });
});

直到这里，一切都按预期工作。

现在，我还希望员工能够进入管理站点，但他们无法更改元素的顺序。为此，我改变了界限：

<ul class="sortable">

对于这一行：

<ul>

实际上，用户现在无法移动元素，但似乎点击行为也不起作用。正如我在检查器中看到的那样，函数附加到元素上，但从未触发。

非常感谢任何帮助，

感谢。