JQuery FullCalendar - управление z-индексом div в eventDragStart
Я использую плагин Полный календарь для включения своего календаря. У меня есть два календаря, которые ставят один на другой (розовый календарь - под красный). Моя цель - сделать так, чтобы розовый календарь отображался над красным календарем (путем увеличения его z-индекса) при событии начала перетаскивания красного календаря, в то время как перетаскиваемый календарь должен быть видимым и в конечном итоге упасть на розовый календарь.
На данный момент проблема в том, что, хотя я назначаю максимальный z-индекс перетаскиваемому элементу, он по-прежнему отображается за пределами обоих календарей. Вот Скрипка.
...
eventDragStart: function(event, jsEvent, ui, view) {
$('#calendar2').css('z-index', 0);
$(this).css('z-index', 999);
}
...
Почему бы не разделить на части?
Моя конечная цель - скользить между месяцами. То есть, если пользователь перетаскивает элемент в левый / правый углы календаря, календарь перемещается на предыдущую / следующую неделю.
Не лучше ли попытаться получить один календарь, чтобы изменить его представление в этом сценарии, вместо того, чтобы накладывать несколько календарей? Тогда теоретически вы можете бесконечно прокручивать месяцы. В любом случае, в вашем текущем сценарии, что, если вы просто скроете красный календарь, а не измените z-index? Не уверен, что это также скроет перетаскиваемый объект, поскольку это дочерний элемент красного календаря (что вполне может быть причиной того, что трюк с z-index тоже не работает)
Я испробовал несколько подходов. Но во всех случаях проблема с z-index сохраняется. Так что я был бы очень признателен, если бы кто-нибудь помог мне с проблемой z-index.
ну, как я уже сказал, я думаю, проблема в том, что перетаскиваемый элемент (событие) является дочерним по отношению к календарю, поэтому его видимость тесно связана с видимостью календаря (см. stackoverflow.com/questions/11330207/…). Я подозреваю, что вам придется как-то отделить его от календаря, что, конечно, поднимает другие потенциальные проблемы. К сожалению, я не думаю, что ваше требование перетаскивания между представлениями или календарями действительно предназначено для поддержки fullCalendar. Возможно, вы могли бы сделать запрос функции.
Стоит отметить, что если вы поместите два календаря рядом в JSFiddle, чтобы оба были видны одновременно, перетащить событие из одного в другой все равно невозможно - другой календарь не считается допустимым местом для посадки.
«У меня есть два календаря, которые помещены один на другой» ... смею спросить, почему ??