javascript - JQuery draggable dynamic with document.createElement -


i want able create div on fly , make div draggable using jquery. if use jquery selector element becomes draggable. if create div , call draggable() on div not work. error console states "boolean not function". 

   var loadimage = {  handlefileselect: function(evt) {      var files = evt.target.files; // filelist object       // files filelist of file objects. list properties.      var output = [];      (var = 0, f; f = files[i]; i++) {      output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',               f.size, ' bytes, last modified: ',               f.lastmodifieddate ? f.lastmodifieddate.tolocaledatestring() : 'n/a',               '</li>');       loadimage.getbinary64datafromfile(f); }     document.getelementbyid('list').innerhtml = '<ul>' + output.join('') + '</ul>';  }, getbinary64datafromfile: function(file) {      var reader = new filereader();         reader.onload = function(e) {        var dataurl = reader.result;        //alert(dataurl);        loadimage.createimagefrombinary64(dataurl);     }         reader.readasdataurl(file);  }, createimagefrombinary64: function(b64) {     var image = new image();     image.src = b64;     image.onload = function(){         loadimage.createcanvasforimage(image);     }; }, createcanvasforimage: function(image) {      var canvas = document.createelement("canvas");     canvas.setattribute("width", "200px");     canvas.setattribute("height", "200px");     canvas.setattribute("id","mycanvas");     //canvas.width = 200;     //canvas.length = 200;       var context = canvas.getcontext('2d');     context.drawimage(image,0,0, 200, 200);      var div = document.createelement('div');     div.setattribute('id','draggable');     div.setattribute('class','ui-widget-content');     div.appendchild(canvas);     div.draggable();  // want able     var content = document.getelementbyid('content');     content.appendchild(div);      //loadimage.makedraggable();  // works  }, makedraggable: function() {     $( "#draggable" ).draggable();  }  };

the variable div dom element. call jquery methods on need wrap in jquery wrapper. following line:

div.draggable();

should be:

$(div).draggable();

Comments

Post a Comment

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

i using signpost oauth access data magento server. have read various tutorials on same , reach point open browser user can enter credentials. however, per requirement have automate part. hence, user should not browser page. have set-up done on server side ( magento ), hit url , returned call page. same through program in android. i have tried below, consumer = new commonshttpoauthconsumer(key, secret); provider = new commonshttpoauthprovider(oauth_init_url,access_token_url, authorize_url); try { provider.retrieverequesttoken(consumer, oauth.out_of_band); log.d("tokens" , consumer.gettoken() + " -- " + consumer.gettokensecret()); } and request tokens. dont know how bypass next step. tried directly accessing accesstoken (stupid of me) provider.retrieveaccesstoken(consumer, "mycallback://callback"); no luck, ends in oauth.signpost.exception.oauthnotauthorizedexception: authorization failed (server replied 401). ...
Read more

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

getting error org.mockito.exceptions.misusing.invaliduseofmatchersexception: invalid use of argument matchers! 1 matchers expected, 2 recorded. exception may occur if matchers combined raw values: //incorrect: somemethod(anyobject(), "raw string"); when using matchers, arguments have provided matchers. example: //correct: somemethod(anyobject(), eq("string matcher")); at when( getprogramservice .callservice(any(getprogramtype.class))) .thenreturn(jaxbresponse); please explain error , possible resolution the code posted looks fine; don't see problem it. code before or above causing exception. key here: invalid use of argument matchers! 1 matchers expected, 2 recorded. any , used above, doesn't return "special kind of null" or "special kind of getprogramtype"; don't exist. instead, returns null , side effect puts matcher on stack. whe...
Read more

google shop client API returns 400 bad request error while adding an item -

i'm working on solution add items in google shopping market java application. following tutorial real mess because of missing classes of laste release, after setting 1.5-beta maven managed make base example typecheck correctly classes. still can make simple task of adding 1 item. instead of posting whole code i'm posting part creates product feed. private product createproduct(string id) { product product = new product(); product.title = "red wool sweater"; product.content = new content( "text", "comfortable , soft, sweater keep warm on " + "cold winter nights. red , blue stripes."); product.appcontrol = new appcontrol(); product.appcontrol.addrequireddestination("productads"); product.externalid = id; product.lang = "it"; product.country = "it"; product.condition = "nuovo"; product.price = new price("eu...
Read more