Javascript禁用容器，但在其中启用输入

Javascript disable container, but enable inputs in it

本文关键字：在其中 启用 输入 Javascript      更新时间：2023-09-26

我有以下 HTML：

<div class="section_rows">
    <div class="body-row crew">
        <input type="text" class="col1" name="cast_person" value="{{cast.person }}"/>
        <input type="text" class="col2" name="cast_character" value="{{ cast.character }}"/>
        <input class="ordering" type="hidden" name="cast_ordering" value="{{ cast.ordering }}" />
        <a href="#;" class="delete">X</a>
    </div>
</div>

以及以下 jQuery：

// drag and drop of cast and crew
$('.section_rows').sortable();
$( ".section_rows" ).disableSelection();

目前，这会禁用整个 section_rowsdiv 容器。我将如何启用其中的input？

可以使用可拖动选项handle仅使用容器中的元素进行拖动。最佳解决方案将取决于您的 UI，但这可能是一个有用的解决方案。然后不用担心打电话给disableSelection()

很明显，我相信：

$( ".section_rows" ).disableSelection().find('input').prop('disabled', false);

这个怎么样？

$('.selection_rows :not(input)').disableSelection();
相关文章：