html - JQuery UI Sortable Element not moving according to mouse -


i using jquery ui sortable. working fine except when drag element element element not moving according mouse pointer. pointer goes first , when pointer stops element comes pointer position. doing wrong or there setting this. code following: 

jquery( "#test1" ).sortable({         start:function(event, ui) {           $("#test2").css('background-color','#ebf2f9');           $("#test2").css('border','2px dashed #3b73af');            $("#test3").css('background-color','#ebf2f9');           $("#test3").css('border','2px dashed #3b73af');         },         over: function(event, ui) {           var parent_id = ui.item.parent().attr('id');           if(parent_id != "test1") {             $("#test1").css('background-color','#f3f9f4');             $("#test1").css('border','2px dashed #14892c');           }         },         deactivate:function(event, ui) {           $("#test1").css('background-color','white');           $("#test1").css('border','none');         },         out:function(event, ui) {           var parent_id = ui.item.parent().attr('id');           if(parent_id != "test1") {             $("#test1").css('background-color','#ebf2f9');             $("#test1").css('border','2px dashed #3b73af');           }         },         stop: function( event, ui ) {           var accepted = $("#test1").sortable('toarray');           var pending = $("#test2").sortable('toarray');           var = $("#test3").sortable('toarray');           console.log(ui.item.html());           sendajaxrequest(all,accepted,pending);         },         receive:function( event, ui ) {           var item_id = ui.item.attr('id');           var sender_id = ui.sender.attr('id');           //updating counter           updatecounters(sender_id,'test1_count_display');           var html = ui.item.html();           ui.item.children('.post-icons').html('');         },         connectwith: ".sortable-scroll-holder"       }).disableselection();     });

and have total 3 sortable lists , of them connected each other. here great.

this html of 1 of elements:

<ul id="test1" class="connectedsortable1" style="min-height: 900px; float: left; width: 20%; margin: 0 5%; padding: 100px 0 0; list-style: none;">         <li id="aleem1" style="background-color: #000; color: #fff; padding: 10px; margin: 0 0 10px;">             <span class="name" style="display: none !important;" data-search-term="additonal additonal">additonal additonal</span>             <span class="title" style="display: none !important;" data-search-term="walt disney world">walt disney world</span>             <span class="company" style="display: none !important;" data-search-term="redsignal greensignal">redsignal greensignal</span>             <span class="email" style="display: none !important;" data-search-term="kashaf@asdasd.com">kashaf@asdasd.com</span>             <span class="network_group" style="display: none !important;" data-search-term=""></span>             <span class="department" style="display: none !important;" data-search-term="ddfdf">ddfdf</span>             <div class="img">               <img src="http://192.168.1.191:8000/images/speakers/no-img.jpg" alt="" width="38">             </div>             <div class="text">                 <h6>additonal attendee</h6>                 <div class="text-cs">                     <p>                   walt disney world @ redsignal greensignal                     </p>                     <p>department ddfdf</p>                 </div>             </div>             <ul class="post-icons"></ul>         </li> </ul>

most have code being fired per step of drag. @ execute per step , reduce or remove it. usual jquery dom performance aspects appropriate, such caching elements avoid repeating selections etc.


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more