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

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -