mousedown時にドラッグ可能な要素のz-Indexを変更することはできますか？

Question

私は要素に。だからをドラッグするときにJQuery UI draggableのstack optionは非常に有用であったが、それだけで動作することがわかった、私はちょうどその時、私**click the elements**またはwith the mousedown eventをドラッグ可能な要素のstack valueを変更できますか？

ありがとうございます~~！

ドラッグ可能な要素を変更するプラグインの方法スタック[z-index]の順序は要素をドラッグして移動しています。ドラッグ可能な要素をクリックするだけでスタックの順序は変わりません。クリックすると

Answer 1

これはあなたのためには機能しませんか？

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

Answer 2

注は私が書いていた以下の両方の時間が、私はそれを誤解だと思う、あなたの質問に私のコメントを参照してください。

---

あなたがドラッグしている項目は、ドラッグ中に他のすべての上に常にあることを保証するために探しているなら、あなたはクラスui-draggable-draggingであなたのドラッグ可能に一致するセレクタでz-indexを設定することができます。 jQuery UIはドラッグ操作中にドラッグされる要素にそのクラスを追加します。

たとえば、fooという部門内のスパンをドラッグしているとします。 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）を使用して...：

編集。

Answer 3

あなたはドラッグ可能なプラグイン（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); 

Answer 4

私が検索しているときにこの質問を見つけたので、私が見つけた答えを投稿すると思った。クリックがZ-インデックスを変更しない理由は、ドラッグがまだ開始されていないからです。すべてのクリックで開始されるドラッグを強制、0までの距離のオプションを設定するには：

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

を挙動がなくても、マウスの動きの今、zオーダーの変更を除いて、デフォルトとほぼ同じです。