javascript - 如何使用 Jquery 创建重叠在多个 div 上的 onclick div

Question

我是根据图像 1 创建日历的，所以我的问题是我想创建与 div 重叠的 onclick div，即如果单击 00:00 列而不是创建 div 从 00:00 到 07:00 开始 8 小时。

图 1

所以请就此指导我。什么是更好的解决方案

已经使用拖放功能将事件分配给员工。我想创建重叠的 Div，如下图 2 这是创建的onclick div

  $("body").on("mousedown", ".Dropabletd", function () {
        Myleft = $(this).position().left;
        Mytop = $(this).position().top;
        $(this).append("<div class='dynatext label' id='divId'>J'e Divs Created</div>");
        $("#divId").css({zIndex: 999,position: "absolute", top: Mytop, left: Myleft, width: '100%', display: "block"});
    });

这就是我的拖动功能。

function Dragging() {
    $("body .label").draggable({
        revert: "invalid"
    });
    $("body .Dropabletd").droppable({
        accept: ".label",
        drop: function (e, ui) {
            ui.draggable.appendTo($(this)).css({
                top: "0.4em",
                left: "0.2em",
                width: "100%",
                display: "block"

            });
            updateEvents($(this).find('span:last-child').attr("id"), $(this).attr("id"));
        }
    });
}

Answer 1

没有伙伴回答我，谢谢，因为我找到了我自己并学习了它。任何更改、建议 非常欢迎 尊敬的先生/女士

$("body").on("dblclick", ".Dropablesub_td", function () {
            var hidid = $(this).attr("id");
            var Myleft = $(this).position().left;
            var Mytop = $(this).position().top;
            var id = $(this).parent().nextAll().eq($(this).parent().index() + 8).attr("id");
            if ($(this).parent().index() > 16) {
                var widths = "100%";
            } else {
                var widths = $(this).parent().width() * 8;
            }
            var heights = $(this).height();
            $(this).html("<span id='" + hidid.replace(":", "_") + "'  class='divId label label-success unselectable' >ABCDEFGHIJKLMNOPQRSTUVWXYZ<span>");
            $(this).children().css({zIndex: 999, position: "absolute", top: Mytop, left: Myleft, width: widths, height: heights, display: "block", border: "#808080 solid 2px", color: "black", background: "#00CEB4"});
            $(".divId").resizable({
                handles: 'w'
            });
            Dragging2();
        });