Member Avatar for DelphiLynx

While I have hundreds of draggables, the performance is very
dramatical.
So I want to hear from you if its possible to write code around it.
Have you devs a solution to create a draggable on the mousedown
event?

The problem I face now, is: that I can create on the mousedown a
draggable, but it wont following my mouse. If I reclick it, then it
follows my mouse.

Currently I have the following not working code:

<!DOCTYPE html> 
<html> 
<head> 
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ 
ui.all.css" rel="stylesheet" /> 
  <script type="text/javascript" src="http://jqueryui.com/latest/ 
jquery-1.3.2.js"></script> 
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ 
ui.core.js"></script> 
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ 
ui.draggable.js"></script> 
  <style type="text/css"> 
    #draggable { width: 100px; height: 70px; background: silver; } 
  </style> 
  <script type="text/javascript"> 


    $(document).ready(function(){ 


        $(".drag").mousedown( function(event){ 


            $("#draggable").draggable(); 
            $("#draggable").trigger("mousedown.draggable", [event]) 
         }); 


    }); 
  </script> 
</head> 
<body style="font-size:62.5%;"> 


<div id="draggable" class="drag">Drag me</div> 


</body> 
</html>

How to deal with this problem, can you suggest something for me?

  • 4 Contributors
  • 3 Replies
  • 260 Views
  • 2 Months Discussion Span
  • Latest Post Latest Post by zido85

Recommended Answers

All 3 Replies

Member Avatar for kvdd

Nobody have experiences with this?

Member Avatar for ShawnCplus

Since you're not adding the draggable behavior until someone clicks on it you won't be able to actually drag it until you release and click again.

Place the .draggable() call in your $(document).ready() function. You don't need to explicitly trigger the event either. That's what the draggable behavior does.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.