javascript - Jquery: draggable item not bringing to front -
i have html markup:
<body> ... <div id="maincontainer"> <div id="somediv">...</div> <div id="content">...</div> </div> ... </body>
and have partial html page markup this:
- @foreach(var item in model.items) { }
this partial page loading main page div id="content". using jquery:
ajax.partial( url.action("action", "controller"), {}, function (data) { $('#content').html(data); makedraggable(); }, function () { alert('error!'); } );
i using asp.net mvc, , controller has action returns needed data in model. method makedraggable() makes "a" items have class "m-item" draggable:
makedraggable() { $('.m-item').draggable({ cursor: 'move', opacity: 0.4, stack: $('.m-item') }); }
i added mcustomscrollbar div id="partialcontainer".
if ($('#content').data().mcs_init == undefined) { $('#partialcontainer').mcustomscrollbar({ scrollinertia: 0, mousewheel: "auto", scrollbuttons: { enable: true }, advanced: { updateoncontentresize: true } }); }
dragging works "a" elements not bringing front! problem using mcustomscrollbar , draggable option together. when rid of scrollbar works fine (elements bringing front). need scrollbar! should do?
Comments
Post a Comment