当tableDnD被禁用时，会留下残留的CSS，我无法清除CSS

2018-06-26 00:04:50

tableDnD（表格拖放）是我用来重新排序我的html表中的行的jQuery插件。这是一个非常酷的图书馆，但是您可以点击，拖拽和放置行的事实 - 通过点击来禁用选择该行的功能 - 它认为您可能正在开始拖放操作，或者执行0距离拖拽。

所以你可以在这里查看我的例子，看看我在说什么 - http://jsfiddle.net/du31ufts/5/

它从禁用状态开始，因此启用行重新排序并查看库。然后，尝试在中间选择一行。显示蓝色突出显示选项的唯一方法 是如果您单击表格的边界外 ，并且因此您只能从底部或顶部开始选择，并且不能一次选择一行。我需要选择这些行才能将这些行复制粘贴到excel中。

我试图寻找到图书馆本身和分离$('__dragtable_disable_text_selection__') ，我试过jquerys removeAttr无法选择，我试过了

$('.dragtable-sortable').attr('-moz-user-select', 'none');

没有什么能够重新使我能够点击和选择单行。我想在不修改tableDnD函数的情况下做到这一点。

哪些CSS属性可能会影响我选择表格行的能力？

用ID #spot在某处创建一个textarea。使用此代码从点击行中提取数据并将其选中。它由制表符分隔，因此它应该可以轻松地转化为excel。

$('tr').click(function(){
    var copyContent = "";
    $(this).children('td').each(function(){
        copyContent = copyContent+$(this).text()+"t";
    });
    $('#spot').val(copyContent);
    $('#spot').select();
});

我在github上询问了这个问题，并得到了一个答案：它确实需要修改库。具体来说，用这个问题替换这个问题中从小提琴的第207行开始的if块

if (!$(this).hasClass("nodrag")) {
    if (e.target.tagName == "TD") {
        $.tableDnD.initialiseDrag(this, table, this, e, config);
    return false;
    }
}

修改小提琴。谢谢你tschqr

链接地址: http://www.djcxy.com/p/72743.html

上一篇: When tableDnD is disabled it leaves residual css and I can't clear the css

下一篇: iOS browser disable copy but highlight text CSS/Javascript