Dropping element at exact position using JQuery -

-

i have made ui have created div inside multiple divs or slots(say).these slots generated using knockout.js,i mean these slot binded on slider value.depending on value of slider generate slots dynamically.my concern want drop other outside element on these divs when doing getting droped on last div , again if drop again added upper div of slot.bt want must dropped dropping i.e on same position.it can @ midway of 2 div well.please suggest me.my code follows:

<div class="slotsystem">                         <div class="slotmachine" data-bind="foreach:slots,style:{height:height()+'px'}">                             <div class="slot">                                 <div class="slot-info drop" data-bind="text:formatedtime,style:{height:height()+'px'}"></div>                             </div>                         </div>                     </div> $(".drop").droppable({             accept: ".draggable",             tolerance:"pointer",             drop: function (event, ui) {                 console.log("drop");                 var dropped = ui.draggable;                 var droppedon = $(this);                 $(dropped).detach().css({ top: 0, left: 0 }).appendto(droppedon);                  $('#clear-organizer').show();                 $('#saveplaylist').show();                 $(dropped).height(10);                  var closebtn = ui.draggable.find(' .close');                 $(closebtn).addclass('close-organizer');               }         });

it told in code. make write in question, want make .slotmachine div droppable one, not .slot-info (or .slot matter).

edit: if want find out on div dropped on , place dragged div next it, leave .slots droppable , in drop handler use .insertafter() or .insertbefore() (which inserts element outside of droppedon target) instead of .appendto() using (which insert element inside droppedon target).


Comments

Post a Comment

Popular posts from this blog

c# - SelectList with Dictionary, add values to the Dictionary after it's assigned to SelectList -

-
i have following code - dictionary<string, string> mydict = new dictionary<string, string>(); mydict.add("keya", "valuea"); mydict.add("keyb", "valueb"); ienumerable<selectlistitem> myselectlist = new selectlist(mydict, "key", "value") further down in program, want add values mydict . possible? if yes, how? want - myselectlist.mydict.add("keyc", "valuec"); if you're wanting add items mydict, possible, , changes reflected in of myselectlist 's enumerations long changes made before enumeration (e.g. using .tolist() ) generated. as worked example: dictionary<string, string> mydict = new dictionary<string, string>(); mydict.add("keya", "valuea"); mydict.add("keyb", "valueb"); ienumerable<selectlistitem> myselectlist = new selectlist(mydict, "key", "value...
Read more

how can i manage url using .htaccess in php? -

-
i want manage url of website right showing me www.computermall.co.in/product_details.php?prdid=34 but want www.computermall.co.in/product_details/34 how can it? i have tried this options +followsymlinks -multiviews rewriteengine on rewritebase /computermall # uri-path directly the_request variable rewritecond %{the_request} ^(get|head)\s/(.*)\.php [nc] # strip extension , redirect permanently rewriterule .* /%2 [r=301,l,nc] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewritecond %{request_uri} !\.php [nc] # map internally original resource rewriterule ^(.*)$ $1.php [l,qsa] try this: rewriteengine on rewriterule ^product_details/prdid/([^/]*)$ /product_details?prdid=$1 [l] edit: removed leading slash
Read more

ios - I get the error Property '...' not found on object of type '...' -

-
appdelegate.h #import <uikit/uikit.h> @interface appdelegate : uiresponder <uiapplicationdelegate> @property (strong, nonatomic) uiwindow *window; @end appdelegate.m #import "appdelegate.h" #import "firstviewcontroller.h" #import "secondviewcontroller.h" @implementation appdelegate - (bool)application:(uiapplication *)application didfinishlaunchingwithoptions: goes on normal app.......... @end firstviewcontroller.h #import <uikit/uikit.h> @interface firstviewcontroller : uiviewcontroller @property (strong, nonatomic) iboutlet uiimageview *bground; - (ibaction)settingspressed:(id)sender; - (ibaction)startpressed:(id)sender; @end @class secondviewcontroller; @interface secondviewcontroller : uiviewcontroller @property(strong,nonatomic)secondviewcontroller *secondviewcontroller; @end firstviewcontroller.m #import "firstviewcontroller.h" @interface firstviewcontroller () @end @implement...
Read more