删除属性后刷新DOM,而不象chrome那样刷新页面

Refresh DOM after removing attribute without refreshing page like chrome does

本文关键字:刷新 chrome 属性 DOM 删除      更新时间:2023-09-26


加载页面后,我有一个div元素,它看起来像这样。"ui可排序"属性在加载后添加了一个类ui可排序,这有助于我拖放子div

    <div ui-sortable="sortableOptions" id="questions" class="ui-sortable">
       <div id="question2">...</div>
       <div id="question3">...</div>
    </div>

如果我将鼠标悬停在#question3上,我将删除ui可排序类。但它仍然拖来拖去。我想DOM事件是在启动时加载的,即使我删除了类,它仍然知道绑定的事件。

此外,如果我通过单击editashtml选项从chromeinspect元素中删除该类并将其删除,那么它在不刷新页面的情况下也可以正常工作。

那么我该如何做到这一点呢?禁用事件?

不删除类,而是禁用事件:

$( ".selector" ).draggable( "disable" );