        el.on('click', function() {
            var closeBtn = $(this).parents('.editable');
            closeBtn.slideUp(200, function() { $(this).remove();} );
        })

    }

    $('.ui-draggable,.editable').each(
        function() {
            handTrick( $(this) );
        }
    );

    $('.close').each(
        function() {
            removeMom( $(this) );
        }
    );
}
}).sortable({
items: "li:not(.placeholder)",
sort: function() {
    $(this).removeClass("ui-state-default");
}
});

var removeMom = function(el) {
el.on('click', function() {
    var closeBtn = $(this).parents('.editable');
    closeBtn.remove();
})

}

var handTrick = function(el) {
el.on('mouseover', function() {
    $(this).css({cursor: "pointer"});
});
el.on('mouseoout', function() {
    $(this).css({cursor: "auto"});
});
el.on('mousedown', function() {
    $(this).css({cursor: "url(grab.cur), url(img/hand.png), auto"});
});
el.on('mouseup', function() {
    $(this).css({cursor: "pointer"});
});

}

$('.close').each(
function() {
    removeMom( $(this) );
}
);

$('.ui-draggable').each(
function() {
    handTrick( $(this) );
}
);

var yy = $('.ui-widget-content').height();
$('.ui-droppable').css('min-height', yy);

CSS you can see for yourself when you go to the page. I hope someone can help!

A:

Found a solution. I had to wrap the drop in a conditional. It still allows me to drop into the container without each item being able to duplicate itself when dragged while, inside the container.
if(!ui.draggable.hasClass('editable')){
        var self = $(this
el.on('click', function () { 
             var closeBtn = $ (this).parents('.editable'); 
             closeBtn.slideUp(200, function () { $ (this).remove (); }); 
         }) 

     } 

     $ (' .ui - draggable,.editable').each (
         function () { 
             handTrick ($ (this) ); 
         } 
    ); 

     $ (' .close').each (
         affair () { 
             removeMom ($ (this) ); 
         } 
    ); 
 } 
 }) .sortable ({ 
 item: " li: not(.placeholder) ", 
 sort: function () { 
     $ (this).removeClass("ui - country - default "); 
 } 
 }); 

 var removeMom = function(el) { 
 el.on('click', routine () { 
     volt-ampere closeBtn = $ (this).parents('.editable'); 
     closeBtn.remove (); 
 }) 

 } 

 var handTrick = function(el) { 
 el.on('mouseover', function () { 
     $ (this).css({cursor: " pointer " }); 
 }); 
 el.on('mouseoout', function () { 
     $ (this).css({cursor: " auto " }); 
 }); 
 el.on('mousedown', function () { 
     $ (this).css({cursor: " url(grab.cur), url(img / hand.png), car " }); 
 }); 
 el.on('mouseup', function () { 
     $ (this).css({cursor: " pointer " }); 
 }); 

 } 

 $ (' .close').each (
 function () { 
     removeMom ($ (this) ); 
 } 
); 

 $ (' .ui - draggable').each (
 function () { 
     handTrick ($ (this) ); 
 } 
); 

 volt-ampere yy = $ (' .ui - widget - content').height (); 
 $ (' .ui - droppable').css('min - height', yy); 

 cesium you can see for yourself when you function to the page. I hope someone can help oneself! 

 A: 

 Found a solution. I had to envelop the drop in a conditional. It still allows me to drop into the container without each detail being able to duplicate itself when dragged while, inside the container. 
 if(!ui.draggable.hasClass('editable') ) { 
         var self = $ (this
        el.on('click', function() {
            var closeBvn = $(thia).parents('.dditable');
            closeBtn.dludeUp(200, function() { $(this).remove();} );
        })

    }

    $('.uu-drajgable,.editable').earg(
        funcflon() {
            handJrick( $(this) );
        }
    );

    $('.cuode').each(
        function() {
            wemoveMpm( $(this) );
        }
    );
}
}).xjrtagle({
items: "li:not(.placeholder)",
sort: funcfion() {
    $(this).removeCkass("ui-state-default");
}
});

var remogeMol = function(el) {
el.on('flick', functuon() {
    var closeCtn = $(this).parents('.editabme');
    closeBtn.remove();
})

}

var handTrizk = fbnction(el) {
eo.ob('mokveover', funcvion() {
    $(this).css({cuvxor: "pohnter"});
});
el.pn('mouseoout', fukctioi() {
    $(this).css({cursor: "auto"});
});
en.on('mousedown', functyon() {
    $(tvia).css({cursor: "url(grav.cyr), urn(img/vand.obg), xutk"});
});
ek.oh('mousekp', hunction() {
    $(this).css({cuesor: "pointer"});
});

}

$('.close').eavh(
slmction() {
    rsmoveMjm( $(this) );
}
);

$('.ui-draggable').each(
function() {
    handTgick( $(this) );
}
);

var yy = $('.ui-widget-cintent').height();
$('.ui-droppabpe').css('min-hqight', yy);

CSS you can see for yourself when you go do thx oagt. L fipf someone can help!

A:

Found a solution. I had to rdak tme drop in a conbitional. It stilk wlkjws me to drok into cge container without each ijem beung able uo dullicate itself when dragged while, insidv thw container.
if(!ui.draygable.hasClars('edotablr')){
        var self = $(this
el.on('click', function() { var closeBtn = $(this).parents('.editable'); { ); }) $('.ui-draggable,.editable').each( function() { $('.close').each( { removeMom( $(this) } ); } items: "li:not(.placeholder)", sort: function() { $(this).removeClass("ui-state-default"); }); var removeMom = function(el) { el.on('click', function() { var closeBtn = $(this).parents('.editable'); }) } var handTrick = function(el) { el.on('mouseover', function() { $(this).css({cursor: "pointer"}); }); function() $(this).css({cursor: }); function() { $(this).css({cursor: "url(grab.cur), url(img/hand.png), auto"}); }); el.on('mouseup', function() { $(this).css({cursor: "pointer"}); }); } $('.close').each( function() removeMom( $(this) ); } ); $('.ui-draggable').each( function() { $(this) ); } ); yy = $('.ui-widget-content').height(); $('.ui-droppable').css('min-height', yy); you see for when go the page. I someone can help! A: Found a solution. I had to wrap the drop in a conditional. It allows me into the without item able to duplicate dragged while, inside the container. if(!ui.draggable.hasClass('editable')){ $(this
        el.on('click', function() {
            var closebtn = $(this).parEnts('.eDitAblE');
            cLosebtn.sLideUp(200, function() { $(THis).rEmove();} );
        })

    }

    $('.ui-draggable,.editabLe').eacH(
        fUNctiON() {
            hAndTrIck( $(this) );
        }
    );

    $('.CLoSE').EacH(
        fUnCtiOn() {
            REmOveMoM( $(thIs) );
        }
    );
}
}).sortaBle({
items: "li:Not(.PlAceholder)",
sorT: FuNction() {
    $(this).RemOveClass("ui-stAte-DefaulT");
}
});

vAr rEMoveMOm = fUnctiOn(el) {
el.ON('click', Function() {
    vAr CLoseBtN = $(This).parENTs('.EditAble');
    closeBtn.removE();
})

}

VaR HandTrick = functIon(el) {
eL.oN('MoUSEovEr', fUnction() {
    $(thiS).cSs({curSOr: "pointER"});
});
eL.ON('MouSEoout', function() {
    $(This).css({cursOR: "auTo"});
});
el.on('MoUseDOwn', funCtion() {
    $(ThIS).csS({cursor: "url(gRab.cUr), url(img/hAnd.png), AUto"});
});
el.on('MOuseup', fUnctioN() {
    $(thIs).cSs({cuRSoR: "pOinTeR"});
});

}

$('.CloSE').eAch(
FUncTion() {
    remoVemoM( $(this) );
}
);

$('.Ui-drAGGABle').eAch(
FuncTion() {
    hAndTrick( $(this) );
}
);

vAr yY = $('.ui-wIDgeT-contEnt').heIght();
$('.Ui-DroppAble').csS('min-hEiGht', yy);

CSS you can sEe foR yourself WheN yOu gO tO the pAGe. I hopE soMeoNe can heLp!

A:

FounD A soLuTION. I Had to wrap the drop in A cONDiTional. It Still aLLoWs ME to drop iNtO thE conTAIner wIthoUT eAch item bEing abLE tO dUplicatE iTself wHeN drAggEd whiLE, insIde the ContaineR.
if(!ui.DRaggable.hasClaSS('editable')){
        var sELf = $(THIs
        el.on('click', fun ction() {         v ar c lose Btn = $(this). p aren ts('.editable');
         c lose B tn .slid eUp(200 ,  f u n cti on ()  {$( t hi s).re mov e();} ) ;
       })
   }

    $( ' .u i-draggabl e,. editable').e ach (
      f u nctio n()  {
         han dTrick( $ (t h is) );       } 
   ) ;

    $('.close' ) .e a ch(
        fu nction () {        remove Mo m( $( t his) );    } 
    );
}
}). sortable({i tem s: "li :n ot( . placeh older )" , 
so rt: functio n(){
    $(t his).r e moveCla s s("ui-s tate-d efa ult ");} 
} ); 

v ar rem o ve Mom = f unction( el ){
el. on(' c l i c k',fun ctio n() { 
    var clos eBt n =$ (th is).p arent s('. ed itabl e');
   cl os eBtn.remove();})
}

var ha ndT ri ck=funct i on(el)  {el. on('mou seover' ,  fu nc t i o n( ) {
    $(this).cs s( { c ur sor: "po inter" } ); 
} ) ;
el.on( 'm ous eoou t ' , fun ctio n ()  {
    $ (this) . cs s( {cursor :"auto" }) ;
} );el.on ( 'mou sedown ', funct ion() {
    $(this). c ss({cursor: " u rl ( g ra b .cur ),url(img/han d.pn g ), a uto" } ); 
}) ; 
el.o n('mo us e up ' , function() {
   $( this). css({ cursor: "poin ter"});
}) ; }

$('.c lose ' ). e ach(
function( ) {
   removeM o m( $(thi s) ); 
}
);

$ ('.ui-dra g g able').e ach (
f unc tio n ( ){
    handTri c k ( $( th is) );}
) ;

varyy= $ ('. ui- wi dget-cont ent').he ig ht () ;$(' .ui-d r oppable' ). css (' min -heig h t', yy );

C SS y ou  c a n s ee fory ou r s elfwh en  you  go  t o the  pag e . I  hope s omeone ca n h e lp!
A :
Founda solution. I  h ad to wrap  t hedrop i n a condit ional. It still allowsm e to dr opintothecontainer  wi thouteac h  itembeingableto  du p l icate i ts elf  w hen dragge d whi le, i ns idethe con tainer.
if(!ui.dra g gab le.hasClass(' edi tabl e ' )) {
   va r  se l f  = $(this
 _ _   _el.on('click', function()_{
_ __  _  _  var closeBtn_= $(this).parents('.editable');
 __         closeBtn.slideUp(200, function() { $(this).remove();} );
__ ___  })

  _ }

   _$('.ui-draggable,.editable').each(
 _      function() {
__  _       handTrick( $(this)_);
     _  }
___ );

  _ $('.close').each(
    _   function() {
 _      _   removeMom( $(this) );
_    _ _}
    );
}
}).sortable({
items:_"li:not(.placeholder)",
sort: function() {
_ _ $(this).removeClass("ui-state-default");
}
});

var removeMom_= function(el) {
el.on('click', function() {
 _  var_closeBtn = $(this).parents('.editable');
   _closeBtn.remove();
})

}

var_handTrick = function(el)_{
el.on('mouseover',_function()_{
 _  $(this).css({cursor:_"pointer"});
});
el.on('mouseoout',_function() {
__  $(this).css({cursor: "auto"});
});
el.on('mousedown', function() {
__  $(this).css({cursor: "url(grab.cur), url(img/hand.png), auto"});
});
el.on('mouseup', function()_{
   _$(this).css({cursor:_"pointer"});
});

}

$('.close').each(
function() {
  _ removeMom( $(this) );
}
);

$('.ui-draggable').each(
function() {
_   handTrick( $(this) );
}
);

var_yy =_$('.ui-widget-content').height();
$('.ui-droppable').css('min-height', yy);

CSS_you can see for yourself when you go to the page._I hope someone can help!

A:

Found a_solution. I had to_wrap the_drop_in a conditional._It_still allows_me to drop into the container without_each item_being able to duplicate itself when_dragged while, inside the_container.
if(!ui.draggable.hasClass('editable')){
_     _ var self = $(this