Question

我有一个带有表格和一些“最喜欢”文件夹的主页。这些文件夹用于保存“最喜欢的”信息行。用户将特定的信息行从主表拖放到文件夹表。而不是拖动整行（因为我的行非常宽，并且可能不清楚您将该行放入哪个文件夹），我在每个案例编号之前都有一个图标，理想情况下将保存所述行的信息。在这种情况下，它是一个箭头。我需要做的是当您拖动此箭头并将其放在此文件夹中时，“拖动行”中的信息将附加到相应的“收藏”表。此图标应在下拉时消失，并与主页中的相应行一起消失。双击该文件夹将“打开”此文件夹以查看旧的和新删除的收藏行。 Here is my fiddle

$( ".drag" ).draggable({ revert: "invalid" });

$( ".dropTarget" ).droppable({
    drop: function( event, ui ) {
        var dropped = parseInt($(this).attr('title')) + 1;
        $( this )
            .attr('title',dropped+' entries'); 

        var delay =  $(this);
        delay.prop('disabled', true).addClass('ui-state-highlight')
        setTimeout(function() {
            delay.prop('disabled', false).removeClass('ui-state-highlight');
        }, 2000)
    }
});

$( ".dropTarget" ).dblclick(function() {
    $( ".fav1table" ).fadeIn();
    $( ".main" ).hide();
    //$(this).removeClass('glyphicon-folder-close').addClass('glyphicon-folder-open');  
});

Answer 1

首先，我建议您在悬停箭头时更改光标类型。这将有助于用户。你需要的是确定已经添加到收藏夹的行。解决方案可以是创建两个CSS类。 normal和favorite。对于已经“赞成”的每一行，添加班级favorite。所以你会得到像class="drag favorite"这样的箭头。在CSS中只是将“偏向”箭头设置为不可见或未显示。

在drop方法的.droppable()事件中，将“喜欢的”类添加到已删除的箭头中。所以它将不再可见。您可以稍后在选择器中重复使用此类，以选择所有喜欢的行，例如......

拖放表信息？

1 个答案: