jQuery UI Draggable:Stack on Click

Nan*_*ard 4 javascript jquery jquery-ui

有什么方法可以draggable在单击时启动堆栈过程,而不仅仅是拖动?

我找到了这个解决方案,基本上只是试图复制库代码.(它也缺少我在下面插入的重要部分).有没有更优雅的解决方案?

修改作者的代码,以下解决方案有效:

function bringFront(elem, stack){
    // Brings a file to the stack front
    var min, group = $.makeArray($(stack)).sort(function(a, b) {
        return (parseInt($(a).css("zIndex"), 10) || 0) - (parseInt($(b).css("zIndex"), 10) || 0);
    });

    if(group.length < 1) return;
    min = parseInt(group[0].style.zIndex, 10) || 0;
    $(group).each(function(i) {
        this.style.zIndex = min+i;
    });

    if(elem == undefined) return;
    $(elem).css({'zIndex' : min+group.length});
}
Run Code Online (Sandbox Code Playgroud)

但是以某种方式调用库方法显然会更好.

Nan*_*ard 5

通过黑客攻击jquery draggable小部件找到了解决方案:

$('#myDraggable').click(function(event){
    var widget = $('#myDraggable').data('ui-draggable');
    widget._mouseStart(event);
    widget._mouseDrag(event);
    widget._mouseStop(event);   
}); 
Run Code Online (Sandbox Code Playgroud)