我正在使用sortable插件和x-editable。 我可以拖放行并使用x-editable我可以编辑单元格内容。
我的可分类电话:
$('.table-schichtplan tbody').sortable({
cancel : ".table-schichtplan-section,.table-schichtplan-break,.table-schichtplan-shift",
refreshPositions: true,
scroll: true,
containment: 'parent',
placeholder: 'ui-state-highlight',
}).disableSelection();
x-editable(根据小提琴):
$('#username').editable({
type: 'text',
url: '/post',
pk: 1,
title: 'Enter username',
ajaxOptions: {
type: 'put'
}
});
所以我点击#username
然后会出现要编辑的弹出窗口。但我不能用鼠标选择文本,甚至用鼠标在输入字段中设置光标位置。
只有当我删除它可以工作的可排序部分。
似乎可排序的插件阻止了x-editable的某些部分。
看到这个小提琴:http://jsfiddle.net/xBB5x/49/
我尝试过类似的东西:
$('.editable-cell').on('shown', function() {
$('.table-schichtplan tbody').sortable('disable');
});
$('.editable-cell').on('hidden', function() {
$('.table-schichtplan tbody').sortable('enable');
});
但它不起作用。
答案 0 :(得分:1)
这是因为您正在应用disableSelection()
方法。