0

我有以下 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 容器。我将如何启用其中的inputs ？

4

3 回答 3

1

很明显，我相信：

$( ".section_rows" ).disableSelection().find('input').prop('disabled', false);
于 2013-01-21T23:44:31.433 回答
1

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

于 2013-01-21T23:47:44.080 回答
0

这个怎么样？

$('.selection_rows :not(input)').disableSelection();
于 2013-01-21T23:45:25.663 回答