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>' );

Append data in div using jquery.

Answers (9)