当mousedown时可以更改可拖动元素的z-Index吗？

我发现JQuery UI draggable的stack option是非常有用的，但只有当我拖动的元素。所以工作时，我可以改变它拖动元素的stack value就在我**click the elements**或with the mousedown event？当mousedown时可以更改可拖动元素的z-Index吗？

非常感谢你~~！

可拖动插件更改可拖动元素堆栈[z-index]顺序的方式是拖动和移动元素。如果只单击可拖动元素，则不会更改堆栈顺序。并且我希望它更改当我点击。

来源

2010-12-12 qinHaiXiang

我不明白你，你想要什么意思与堆栈值？ – Fatih 2010-12-12 14:38:20

您是指z-index值？ – WaiLam 2010-12-12 14:40:18

我想我误解了你的问题。你的意思是，你根本不想拖动它们*，你只是想点击它们来改变它们的堆叠顺序。如果这是正确的，那么忽略我的答案，这将无济于事。 – 2010-12-12 15:14:40

这不适合你吗？

 
$(element).mousedown(function(){ 
    ... 
})

来源

2010-12-12 14:46:59 Fatih

问题是如果我的（修改）对问题的理解（请参阅我的评论顶部）是正确的，请在内部放入函数... – 2010-12-12 15:15:10

我只是想在单击它们时更改元素的堆栈顺序 – qinHaiXiang 2010-12-12 23:28:52

注意查看你的问题我的意见，我觉得这两个时间我写了下面我误会了吧。

如果你正在寻找，以确保您拖动的项目始终高于拖动过程中的一切，你可以在符合您可拖动与类ui-draggable-dragging选择设置z-index~~。 jQuery UI将该类添加到拖动操作期间被拖动的元素。~~

所以，举个例子，假设你拖动了一个名为foo的div内的跨度。 CSS的是：

#foo span.ui-draggable-dragging { z-index: 1000 !important; /* Sadly, you may need the !important */ }

Live example

~~由于类是在拖动过程中只补充说，在拖动期间z-index值才会生效。请参阅the docs中的“概述”。~~

编辑：...使用the zIndex option（live example）。

来源

2010-12-12 14:48:47

你可以将下面的代码可拖动的插件后（jsfiddle）：

(function ($) { 
    var _create = $.ui.draggable.prototype._create; 

    $.ui.draggable.prototype._create = function() { 
     var self = this; 

     self.element.mousedown(function (e) { 
      self._mouseStart(e); 
      self._trigger('start', e); 
      self._clear(); 
     }); 

     _create.call(self); 
    }; 
})(jQuery);

或者，您可能希望将它做成一个单独的选项如下（jsfiddle）：

(function ($) { 
    $.ui.plugin.add('draggable', 'increaseZindexOnmousedown', { 
     create: function() { 
      this.mousedown(function (e) { 
       var inst = $(this).data('draggable'); 
       inst._mouseStart(e); 
       inst._trigger('start', e); 
       inst._clear(); 
      }); 
     } 
    }); 
})(jQuery);

来源

2011-08-13 11:48:23

Rather除了多次发布完全相同的答案之外，如果问题确实相同，则应将问题标记为与您答复的另一问题重复。 – Mat 2011-08-13 12:35:49

在发布复制和粘贴样板/逐字回答多个问题时要小心，这些问题往往会被社区标记为“垃圾”。 – Kev 2011-08-13 12:39:01

由于我在搜索时发现了这个问题，我想我会发布我找到的答案。点击不改变z-index的原因是拖动尚未启动。要强制将所有点击启动拖动，距离选项设置为0：

http://docs.jquery.com/UI/Draggable#option-distance

行为几乎是一样的默认，但现在z顺序，即使没有鼠标运动改变。

来源

2013-03-12 10:17:30 mgsloan

当mousedown时可以更改可拖动元素的z-Index吗？

回答

相关问题