javascript - Why is the div not updated, after the .css() method is called? -

-

when finish dragging div, put previous location, stored in data-x, data-y. jquery not modify $(".current") in "up" method :

  • the data-x,data-y correctly stored,
  • the values stored showing correctly ox,oy,
  • but final values ones mousemove, though "up" method called after mousemove.

the code :

$(window).on('mouseup', function(){     if (dragdown){         var ox = $(".current").attr("data-x");         var oy = $(".current").attr("data-y");         console.log("oxy: "+ox+", "+oy); //<--- works fine         $(".current").css({"top":oy, "left":ox}); //<--- not work          console.log("up: "+$(".current").css("top")+", "+$(".current").css("left"));     }     dragdown = false; }); $(".draggable").on('mousemove', function(e){ //<--- .draggable     if (dragdown){         //...         console.log("move: "+$(".current").css("top")+", "+$(".current").css("left"));         $(".current").css({"top":resulty, "left":resultx}); //<---works fine        } });   <div id="containerdrag">     <div id="drag" class="draggable current">     </div> </div>

so after mouseup, div stays is, instead of going values stored in data-x, data-y.

the output :

move: 16.6875px, 128px move: 15.6875px, 130px move: 15.6875px, 131px oxy: 81, 21.6875 up: 15.6875px, 132px

and output in element console : values data , style should same :

enter image description here

so think have answer:

$(".current").css({"top":ox + "px" , "left":oy + "px"});

i sorry cant tell why, in other function variables must different?

https://jsfiddle.net/rf5up5fr/52/


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more