javascript - 无法排除可排序的元素

Question

我需要启用容器元素的排序，但不是所有子元素的排序。我尝试使用 items 选项，但当我单击子元素时它仍然可以拖动

$('.faqs-container').sortable({items: '.faq-container'});

HTML

    <div class="faqs-container ui-sortable"><div class="faq-container sortable" style="position: relative; z-index: 888888; left: 0px; top: 0px;">
                <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
                <a class="js-remove-faq-row remove-faq-row" href="#">Remove [x]</a>
                <lable>FAQ Title</lable><input type="text" value="lkjlkjklj" name="field_id_19[Uovprcx5cmLZIkyf][data][faqtitle][]"><lable>FAQ Body</lable>
                <div class="editor">
                    <div class="redactor_box"><div contenteditable="true" class="redactor_redactor_editor redactor_editor" dir="ltr" style="min-height: 200px;"><p>lkjlkjlkjklj</p></div><textarea data-config_key="d82b1dbcc543a2dfd246eecbea54bb88" class="redactor_editor" name="field_id_19[Uovprcx5cmLZIkyf][data][faqbody][0]" dir="ltr" style="display: none;">&lt;p&gt;lkjlkjlkjklj&lt;/p&gt;</textarea></div>
                </div>
            </div>
    </div>

fiddle is here

Answer 1

有选项“handle”，限制排序开始点击指定元素。