jquery - How to initialise view again after changin the html -

-

i have view in backbone.js 

app.backbone.userview = backbone.view.extend({         tagname: 'li',         classname: 'pp-entry group',         template :_.template('<img src="i/pp-pic-8.png" class="pp-pic" alt="" /><a class="pp-pic-wrap show-fb" href="#pp-details-<%=username%>"></a>),         templatedetails:_.template('`<div style="display:none"><div id="pp-details-<%=username%>" class="pp-details"><div class="cta clear"><input type="button" name="" value="add wallet" class="mar-right-10 addtowallet" /><input type="button" class="mar-right-10 addtogib" name="" value="add gib link" /><input type="button" name="" value="close" onclick="$.fancybox.close()" /></div></div><.div>'`)          //here click event defined          events:{                 "click .addtowallet":"addlinktowallet",             "click .addtogib":"addasgiblink"             },         //render contents         render: function() {          $(this.el).html(this.template(this.model.tojson()));         $(this.el).attr('id', 'pp-'+this.model.get('username')); //this used set id "li" tag          $(this.el).append(this.templatedetails(this.model.tojson())); //appending template      $(".show-fb").fancybox();         },          //but when defining function click event not triggered          addasgiblink: function(){             alert("gib button clicked");                     },          addlinktowallet: function(){             alert("wallet button clicked");                  } });

this html generating . happening here analyise fancy box adding html in div clickevnet on addlinktowallet , other not working . please suggest can make work fancybox ? 

<li id="pp-rahul" class="pp-entry group"> <img class="pp-pic" alt="" src="i/pp-pic-8.png"> <a class="pp-pic-wrap show-fb" href="#pp-details-rahul"></a>  <div style="display: none;">  // added fancybox  <div style="width: auto; height: auto; overflow: auto; position: relative;"> <div id="pp-details-rahul" class="pp-details"> <img class="pp-pic" alt="" src="i/pp-pic-2.png"> <h4 class="pp-name">rahul</h4> <p class="pp-attr"> </p> <p class="pp-attr mar-btm-20">        //here other html coming . </p> <div class="cta clear">    //here html of button  </div> </div> </div> </div> </li>

use live() in view code register click event-

docs- live


Comments

Post a Comment

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

-
my group , running server based upon django , uses mod_wsgi run apache server. not working on project after over, attempting set cronjob similar functionality check if apache server has shut down(system restart or power failure), , if has, restart server me. i've found documentation on how check if apache server down , restart server if is, our server uses https , our start command pretty verbose. can use functionality provided in these examples: https://askubuntu.com/questions/277389/cron-job-to-restart-apache https://www.digitalocean.com/community/tutorials/how-to-use-a-simple-bash-script-to-restart-server-programs or need more complicated process make happen? the command use start server is python manage.py runmodwsgi --host 0.0.0.0 --port 8001 --https-port 8000 --ssl-certificate (certificate location) --server-name (domain name) i'm pretty new linux , using both mod-wsgi apache appreciated. you better off using --setup-only option mod_wsgi-expres...
Read more

actionscript 3 - TweenLite does not work with object -

-
i got following problem: i have object called tempscore game. this object blitted canvas renderer via copypixels method. object not display object. it's score-object (self made). score-object extends object called basicblitarrayobject. basicblitarrayobject extends eventdispatcher (therefore no display object). i tried apply several different tweenlite-plugins tempscore-object (i.e. transformaroundcenter, colormatrixfilter, etc.). nothing happens. absolutely nothing. sometimes error messages (when plugin requires display object , object not display object). far good. according greensock (maker of tweenlite) engine can tween numeric property of object. when plugin transformaroundcenter requires display object tweening have modify plugin working non-display object (tempscore). can't because it's way hard me. my game rests upon code: http://www.8bitrocket.com/book/ch11_blastermines.zip try apply tweenlite object called tempmine inside game class blastermines. ...
Read more

jQuery Ajax Render Fragments OR Whole Page -

-
i'm in throes of building application wraps mess of legacy code. page working on, need substitute fragment divs constructed on back-end -- or else need replace entire page altogether. idea there dynamically controlled flow needs satisfied before can forward legacy product. substituting fragments works fine, seen in below my_body_content swap. trouble comes when i'm trying render not fragment, whole page, in "body" swap. @ point page goes blank. i want similar errors returned server. want nice rest 404 error messages displayed on screen, legacy-product 404s show in legacy-product 404 page. yes, requirements project weird. that's not problem can fix. here's jquery invocation, names changed protect guilty: $.ajax({ url: "places/things", type: "post", data: json.stringify(somebadassobject), datatype: "text", accepts: "text/html", contenttype: "application/json; charset=...
Read more