How do I load Javascript within jQuery based tabs?

Question

I have Jquery and CSS tab like this one and in the each tab I have facebook feed box, twitter widget, and my blog's ranking widget. BUT if I place these widgets within the tab area content, each widgets stops working. How do I get these widgets to load with in these jQuery tabs?

My tabs: http://www.sohtanaka.com/web-design/examples/tabs/

Mouhannad · Accepted Answer · 2011-08-03 10:16:57Z

1

Look at jQuery.getScript

$.getScript('js-url', function(){
    //the loading is completed
    //display button
});

Hope this helps!

Update:

$.getScript('http://platform.twitter.com/widgets.js', function(){ 
   //code 
});

Also, you can embed the iframe code version of twitter and facebook buttons instead of loading the js code each time, for example:

<iframe allowtransparency="true" 
        frameborder="0" 
        scrolling="no" 
        src="http://platform.twitter.com/widgets/tweet_button.html" 
        style="width:130px; height:50px;"></iframe>

edited Aug 3, 2011 at 10:16

answered Aug 2, 2011 at 10:28

Mouhannad

2,2091 gold badge14 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Maca Over a year ago

so do i add the jquery tab code in 'js-url' or twitter widget code?

Mouhannad Over a year ago

the twitter widget javascript url as an example

Collectives™ on Stack Overflow

How do I load Javascript within jQuery based tabs?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related