当tableDnD被禁用时，它会留下剩余的css，我无法清除css。

Question

tableDnD (表拖放)是一个jQuery插件，我用它来重新排序我的html表中的行。这是一个很酷的库，但是你可以点击、拖动和拖放行--通过点击就不能选择那一行--它认为你可能是在开始拖放，或者执行0距离的拖动。

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

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

我试着查看了库本身和分离 $('__dragtable_disable_text_selection__')，我尝试过无法选择的jquerys removeAttr，我尝试过

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

没有什么是重新启用我的能力，能够单击和选择单个行。我想在不修改tableDnD函数的情况下这样做。

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

Answer 1

我在github上被问到这个问题并得到了一个答案:它确实需要修改库。具体而言，将本问题中小提琴第207行开始的if块替换为以下内容

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

改良小提琴。谢谢tschqr

Answer 2

创建一个具有ID #spot的文本区域。使用此代码从一行中提取数据并选择它。它是由制表符分隔的，因此它应该很容易地被传递到excel中。

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