jquery - How to drop elements to a dynamically generated DIV, Drag function is working Fine -

-

here jquery code i'm using:

jquery(function() { jquery(".component").draggable({     //  use helper-clone append 'body' not 'contained' pane     helper: function() {         return jquery(this).clone().appendto('body').css({             'zindex': 5         });     },     cursor: 'move',     containment: "document"  });  jquery('.drag-drop-box').droppable({     accept: '.component',     drop: function(event, ui) {         if (!ui.draggable.hasclass("dropped"))             jquery(this).append(jquery(ui.draggable).clone().addclass("dropped").draggable());         }     }); });

this code works fine on pre-loaded div. creating divs dynamically how can working dynamically generated div.

this html code f static code dropping elements working well

<div class="item-box">                         <div id="tabs-1">                             <div class="drag-drop-box"> </div>                         </div>                     </div>

and here jquery code that's creating divs dynamically:

 function addtab() {   var label = tabtitle.val() || "tab " + tabcounter,     id = "tabs-" + tabcounter,     li = $( tabtemplate.replace( /#\{href\}/g, "#" + id ).replace( /#\{label\}/g, label) ),     tabcontenthtml = tabcontent.val();// || "tab " + tabcounter + " content.";    tabs.find( ".ui-tabs-nav" ).append( li );   tabs.append( "<div id='" + id + "'><div class='drag-drop-box'></div></div>" );   tabs.tabs( "refresh" );   tabcounter++; }

i think need make dynamically created div droppable.

to add code @ end of addtab() function

jquery('#'+id).droppable({    activeclass: 'drag-drop-box-hover',    accept: '.component',    drop: function(event, ui) {      if (!ui.draggable.hasclass("dropped"))         jquery(this).append(jquery(ui.draggable).clone().addclass("dropped").draggable());    } });

i guess current jquery code runs once when page finished loading. @ time existing divs made droppable. new ones code needs run again.


Comments

Post a Comment

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

-
my test list<person> mylist; @test public void testisvalidperson() { mylist = new arraylist<person>(); mylist.add(new person("tom")); when(persondao.get(person)).thenreturn(mylist); when((persondao.get(person)).isempty()).thenreturn(false);//------exception thrown boolean result = service.isvalid("tom"); assertfalse(result); } method tested: public boolean isvalid(string person){ persondao = new persondao(); person personobj = new person(person); return (persondao.get(person).isempty())?false : true; } exception thrown: org.mockito.exceptions.misusing.wrongtypeofreturnvalue: boolean cannot returned get() get() should return list *** if you're unsure why you're getting above error read on. due nature of syntax above problem might occur because: 1. exception *might* occur in wrongly written multi-threaded tests. please refer mockito faq on limitations of concurrency testing. 2. sp
Read more

php - Magento - Deleted Base url key -

-
i working on cleaning url: http://mydomain.com/shop/shop/deals i going through settings in configuration tab in admin panel on magento , change secure , unsecure base urls remove first base url "shop" web page read: http://mydomain.com/shop/deals so changed unsecure base urls mydomain.com/shop mydomain.com , secure 12.345.67.89/shop 12.345.67.89. wrong thing do. i cannot reload page or admin console. how access these files through ftp , change correctly there?? when make changes in admin panel changes made in database not in file. have make changes in database. 1.go database , select core_config_data table under table find web/unsecure/base_url , web/secure/base_url . make changes here. don't forget clear cache in var/cache folder
Read more

android - How to disable Button if EditText is empty ? -

-
i have edittext , button in application. when button clicked,the text entered in edittext added listview. i want disable button if edittext empty.how ? this code button click imagebutton imb=(imagebutton)findviewbyid(r.id.btn_send); imb.setonclicklistener(new onclicklistener() { @override public void onclick(view arg0) { edittext et = (edittext)findviewbyid(r.id.edittext1); string str = et.gettext().tostring(); web1.add(str); toast.maketext(shoutsingleprogram.this, "you entered...."+str, toast.length_short).show(); adapter1.notifydatasetchanged(); et.settext(""); } }); } how can ? edittext1.addtextchangedlistener(new textwatcher() { @override public void ontextchanged(charsequence s, int start, int before, in
Read more