Javascript Jquery:可拖动的项不带到前面_Javascript_Jquery_Html_Asp.net Mvc

Javascript Jquery:可拖动的项不带到前面

javascript jquery html asp.net-mvc

Javascript Jquery:可拖动的项不带到前面,javascript,jquery,html,asp.net-mvc,Javascript,Jquery,Html,Asp.net Mvc,我有一些html标记： <body> ... <div id="mainContainer"> <div id="someDiv">...</div> <div id="content">...</div> </div> ... </body> 我使用的是asp.NETMVC，我的控制器具有返回模型中所有所需数据的操作。我的方法mak

我有一些html标记：

<body>
    ...
    <div id="mainContainer">
        <div id="someDiv">...</div>
        <div id="content">...</div>
    </div>
    ...
</body>

我使用的是asp.NETMVC，我的控制器具有返回模型中所有所需数据的操作。我的方法makeDraggable（）使类为“m-item”的“a”项可拖动：

makeDraggable() {
    $('.m-item').draggable({
        cursor: 'move',
        opacity: 0.4,
        stack: $('.m-item')
    });
}

我使用id=“partialContainer”将mccustomscrollbar添加到div中

拖动工作，但“a”元素没有带到前面！问题在于同时使用mCustomScrollbar和draggable选项。当我摆脱滚动条时，它工作得很好（元素被带到前面）。但我需要滚动条！我该怎么办？

将

zIndex:9999

添加到您的

可拖动选项中。我尝试了，但没有效果。
makeDraggable() {
    $('.m-item').draggable({
        cursor: 'move',
        opacity: 0.4,
        stack: $('.m-item')
    });
}

if ($('#content').data().mCS_Init == undefined) {
            $('#partialContainer').mCustomScrollbar({
                scrollInertia: 0,
                mouseWheel: "auto",
                scrollButtons: {
                    enable: true
                },
                advanced: {
                    updateOnContentResize: true
                }
            });
        }