Append data in div using jquery.

Question

How to append facebook feed in div using jquery.

Sachin Singh · Answer

step 1. set a static url or make it null anonymous src= https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0 nonce= bzBNyICb > class = fb-page SocialMediaAccount data-href= https://www.facebook.com/' + uri +' data-tabs= timeline data-width= 350 data-height= 350 data-adapt-container-width= true data-hide-cover= false data-show-facepile= true > step 2. Dynamically change url $( #btn ).click(function(){ url= your url here ; $( .fb-page ).data( 'href'  https://www.facebook.com/' + uri +' ); });

Ganesan C · Answer

Hi Please refer the below link. https://developers.facebook.com/docs/plugins/page-plugin https://developers.facebook.com/docs/plugins/embedded-posts

Rijwan Ansari · Answer

You can create from this url. https://developers.facebook.com/docs/plugins/page-plugin/ Include the JavaScript SDK on your page once ideally right after the opening body tag. div id = fb-root > div > script async defer crossorigin = anonymous src = https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0&appId=  nonce =   > script > Place this code wherever you want the plugin to appear on your page. div class = fb-page data-href = https://www.facebook.com/... .../ data-tabs = timeline data-width =  data-height =  data-small-header = false data-adapt-container-width = true data-hide-cover = false data-show-facepile = true > blockquote cite = https://www.facebook.com/  class = fb-xfbml-parse-ignore > a href = https://www.facebook.com/  > Name of Page > a > blockquote > div >

Ganesan C · Answer

Hi Please check below link.It might help you. https://stackoverflow.com/questions/20035235/adding-facebook-like-buttons-dynamically-after-loading https://stackoverflow.com/questions/27888999/loading-facebook-sdk-on-click

Sachin Singh · Answer

not sure but change the position of script and div may load the Facebook URL. else if (NewUrls == facebook ) { $( .SocialMediaAccount ).empty(); //$('#socialMediaAccount-loder').toggle(); $( '.SocialMediaAccount' ).append( ' + 'script>' ); // first $( '.SocialMediaAccount' ).append( ' + uri + ' data-tabs=timeline data-width=350 data-height=350 data-adapt-container-width=true data-hide-cover=false data-show-facepile=true> ' ); // second }

Pranam Bhat · Answer

Keep the URL generic way. So that it would be not touched in future. Also you need to add a timer/refresh to make it up-to-date with notification feed.

asdfgh sdfgh · Answer

reddit.com/r/MannitedAtalantanow/ reddit.com/r/ManutdAtalantalivetv/ reddit.com/r/ManutdvAtalantalive/ reddit.com/r/ManutdAtalantalivest/ reddit.com/r/ManutdAtalantalive/ reddit.com/r/BarcelonaDynamolivest/ reddit.com/r/Atalantamanutdlive/ reddit.com/r/Atalantavmanutdlive/ reddit.com/r/dynamoKyivBarcalive/ reddit.com/r/BarcadynamoKyivlive/ reddit.com/r/BarcavdynamoKyivst/ reddit.com/r/BarcavsDynamoKyivst/ reddit.com/r/Lillevsevillalive/ reddit.com/r/Sevillavlille/ reddit.com/r/Youngboysvillarreal/ reddit.com/r/Villarrealvyoungboys/ reddit.com/r/BenficavBayernlive/ reddit.com/r/Bayernvbenficalivest/ reddit.com/r/Bayernvbenficalive/ reddit.com/r/ZenitvJuventuslive/ reddit.com/r/Juventuszenitlive/ reddit.com/r/Juventusvzenitlive/

Sachin Singh · Answer

any error in the console?

Ganesan C · Answer

Hi Please change your script append as below. $( '.SocialMediaAccount' ).append( ' + 'script>' );