当tableDnD被禁用时，它会留下剩余的css，我可以't清除css

When tableDnD is disabled it leaves residual css and I can't clear the css

本文关键字：css 我可以 清除 tableDnD      更新时间：2023-09-26

tableDnD（table Drag and Drop）是一个jQuery插件，我正在使用它来重新排序html表中的行。这是一个非常酷的库，但事实上，你可以点击、拖放行——禁用了通过点击选择该行的能力——它认为你可能正在开始拖放，或者进行0距离拖动。

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

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

我尝试过查看库本身并分离$('__dragtable_disable_text_selection__')，我尝试过jquerys removeAttr用于不可选择，我尝试了

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

没有什么能重新使我能够点击并选择单行。我希望在不修改tableDnD函数的情况下完成此操作。

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

在某个ID为#spot的地方创建一个文本区域。使用此代码可以在单击行时提取数据并将其选中。它由制表符分隔，因此应该可以轻松地粘贴到excel中。

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

我在github上问过这件事，得到的回答是：它确实需要修改库。具体来说，用这个替换在这个问题中的fiddle的第207行开始的if块

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

改良小提琴。谢谢tschqr

相关文章：