Disable draggable for each element using :lt(3) Selector

Disable draggable for each element using :lt(3) Selector

Hi,

I have the following working code:
  
  1. $stock.click(function () {
  2. $waste.append($stock.children('.container:lt(3)').card('upturn').droppable('disable').css( "left", function(i) {return ["0rem", "2rem", "4rem"][i];}) ); //3 divs
  3. });
This code adds several classes to 3 div's, except the for the css. Each div gets a different left property using:
   
  1. .css( "left", function(i) {return ["0rem", "2rem", "4rem"][i];})


This all works, but I also want to disable the draggable option for the first 2 div's.

I've tried things like (1):

     
  1. .draggable('disable', function(i) {return ["true", "true", "false"][i];})

and (2)

     
  1. .draggable(function(i) {return ['disable', 'disable', 'enable'][i];})

but try (1) disables all the 3 divs, not just the first 2 and try (2) doesn't work at all.

How can I achieve this?

Thanks a lot