Draggable with multiple triggers?

[mallanaga]

If I create 2 draggables on an object, only the last one sticks. Any way to have multiple triggers on the same object?

 

The example I have here is a card of sorts. I'd like to be able to:

• move the card when when clicking in the middle and dragging
• flip the card when clicking in the middle
• rotate the card when clicking the corners and dragging
• flip the card when clicking an edge and dragging into the card

Am I declaring the draggables wrong? Is there a different way to use triggers? Thanks!

See the Pen JdKXgq by anon (@anon) on CodePen

[Diaco]

Hi mallanaga 

 

pls check this out : 

See the Pen doPLME by MAW (@MAW) on CodePen

[mallanaga]

Wow... I wasn't even close! That clears it up and really shows the code shining. Thanks! You just got yourself a club member =)

 

I lied on marking as solved...  How would you handle multiple entities? I added a few elements and it's pretty funky. Several end up moving simultaneously.

[Diaco]

Since you refer to class names ; you need a jquery .each() + .find() or another javascript loop

 

pls check this out : 

See the Pen LVZZeG by MAW (@MAW) on CodePen

[mallanaga]

I came to that conclusion as well! Thank you for your help!