Internet Explorer 正在复制隐藏的表格元素

Question

我正在使用以下 jfiddle 中的 jquery 命令： https://jsfiddle.net/esend7881/3uu0tpv1/2/

也就是说，我正在使用：

$(document).ready(function () {
    $('table#safe-distances-table').dblclick(function () {
        $('tr.no-impact').toggle('slow');
    });
});

当双击表格时，使 HTML 表格中的某些行关闭。 Jquery 工作正常，但我真正的问题是从 Internet Explorer 复制和粘贴。

我仅限于在某些环境中使用 Internet Explorer，我希望当行被隐藏时，我会从 I.E. 复制并粘贴表格。对于 Outlook，隐藏的行不会随之而来。相反，他们是！

您可以在 JFiddle 中尝试使用 Internet Explorer。双击表格后，尝试将整个表格复制并粘贴到 Outlook 中，您将看到所有行都出现了！

Answer 1

在 IE 中未经测试 - 这在理论上应该有效。

在复制隐藏行之前，您需要remove()。这使得将行重新双击有点繁琐 - 您需要在删除它们之前跟踪原始数据。

This fiddle seems to do the trick. 它保留原始 HTML，以及使用 $.data 是否处于“切换”状态。

$('table#safe-distances-table').dblclick(function () {
    var $el = $(this);
    if($el.data('toggled')){
        $el.html($el.data('all'));
        var $rowsToHide = $('tr.no-impact');
        $rowsToHide.hide();
        $rowsToHide.toggle('slow');
        $el.data('toggled',false);
    } else {
        var $rowsToHide = $('tr.no-impact');
        $el.data('all', $el.html());
        $rowsToHide.toggle('slow', function(){
            $rowsToHide.remove();
        });
        $el.data('toggled',true);
    }
});