Как вызвать событие jquery drag

Question

В моем коде есть некоторые элементы div, которые появляются на экране в зависимости от различных действий. У элементов div есть дескрипторы, которые делают их перетаскиваемыми через код jquery ui.draggable. У меня установлен параметр стека перетаскиваемого пользовательского интерфейса, поэтому при перетаскивании элемента он автоматически перемещается вперед всех остальных перетаскиваемых элементов.

Проблема, с которой я столкнулся, заключается в том, что я хочу, чтобы div переместился вперед, даже если вы просто нажмете на ручку, не таща ее куда-либо. Я пытался вызвать различные события при нажатии на дескриптор, такие как mousedown, mousemove, mouseup, drag, dragstart и dragstop, но ни один из них, похоже, не сработал. Я также пытался просто изменить значения z-index, но это тоже пока не получалось.

Мой код выглядит примерно так. Скажем, у меня есть div, а дескриптор - тег h5. Я уже создал экземпляр перетаскиваемой функции. Итак, у меня есть:

$("div.window h5").click(function() {
   $(this).parents("div:first").trigger("whatever event i am trying");
)};

Но это не работает. (Я также попытался поставить триггер на самом h5 вместо родительского div). Я не вижу ошибок, я просто не получаю желаемый результат.

Заранее спасибо за любую помощь!

Answer 1

Попробуйте это:

$("div.window h5").click(function(e){

   // Variable to hold the highest z-index
   var largestZ = 1; 

   // I have used div.window h5 but this should cycle through each draggable element
   $("div.window h5").each(function(i) {
      // Get the the z-index and update if it is larger than current largest value
      var currentZ = parseFloat($(this).css("zIndex"));
      largestZ = currentZ > largestZ ? currentZ : largestZ;
   });

   $(this).css("z-index", largestZ + 1);
});

Некоторые селекторы могут потребоваться изменить, потому что я не вижу ваш полный код. Я нашел этот фрагмент и изменил его с здесь .