Question for Draggable trigger

[aforian]

I'm having a trouble in Draggable trigger.

I use Draggable.create() to work in multiple item

but when i add a trigger attribute, they just move together.

here is the example,

 

 

how can i just drag the item with their own bar?

i have try $(".div",this) and it does work.

 

sorry for my poor english

See the Pen WoVLBX by aforian (@aforian) on CodePen

[OSUblake]

Create them separately....

See the Pen eBqxEa?editors=0010 by osublake (@osublake) on CodePen

[jimeast]

Just remove $ in front of bar.

 

change the js from

 

$bar = $(".bar");

 

Draggable.create(".box",{

  type:"x,y",

  trigger: this.$bar

});

 

to:

 

Draggable.create(".box",{

  type:"x,y",

  trigger: this.bar

});

[OSUblake]

That's not setting the correct trigger. I would expect this.bar to be undefined.

See the Pen rjVNzE by osublake (@osublake) on CodePen