我有一些HTML标记:
<body>
...
<div id="mainContainer">
<div id="someDiv">...</div>
<div id="content">...</div>
</div>
...
</body>
我有部分html页面,标记如下:
这个部分页面我将主页加载到id为“content”的div中。我正在使用jquery:
ajax.partial(
Url.Action("Action", "Controller"),
{},
function (data) {
$('#content').html(data);
makeDraggable();
},
function () {
alert('error!');
}
);
我正在使用asp.net mvc,我的Controller有Action,它返回Model中所有需要的数据。 我的方法makeDraggable()使“a”项具有“m-item”类可拖动:
makeDraggable() {
$('.m-item').draggable({
cursor: 'move',
opacity: 0.4,
stack: $('.m-item')
});
}
我将mCustomScrollbar添加到id为id =“partialContainer”的div。
if ($('#content').data().mCS_Init == undefined) {
$('#partialContainer').mCustomScrollbar({
scrollInertia: 0,
mouseWheel: "auto",
scrollButtons: {
enable: true
},
advanced: {
updateOnContentResize: true
}
});
}
拖动工作,但“a”元素没有带到前面!问题是一起使用mCustomScrollbar和draggable选项。当我摆脱scrollBar它工作正常(元素带到前面)。但是我需要滚动条!我该怎么办?