jquery tabs loading via ajax question

Question

im using the standard jquery tabs 1.3.2 to load a list of bookmarks in each tab pane.

If a tab is clicked before the dom is ready the ajax page is loaded by itself. I don't want that to happen so how can I stop that behavior?

 <ul id="tool-tabs" class="tabs clearfix">
 <li class="ui-tabs-selected"><a href="#tools">Tools</a></li>
 <li><a id="bookmarks" href="/ajax.bookmarks.php">Bookmarks</a></li>
 <li><a id="favorites" href="/ajax.favorites.php">Favorites</a></li>
 </ul>

If i click Bookmarks as the page loads i get the the ajax page loaded to /mysite/ajax.bookmarks.php which i don't want.

Thanks in advance.

Brad Mace · Accepted Answer · 2010-12-18 04:42:13Z

2

Simplest thing is probably set the default style for the tab group to display: none, and then make it visible after the page is done loading. You could also trying adding a onClick="return false" to disable them and then clear those with jQuery once they're ready for use.

answered Dec 18, 2010 at 4:42

Brad Mace

28k19 gold badges110 silver badges152 bronze badges

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

1 Comment

gus Over a year ago

thanks, its always the simplest things you overlook when you have a million things to finish.

Rafay · Accepted Answer · 2010-12-18 04:45:05Z

0

try writing ur code inside

$(document).ready(function(){

//

});

answered Dec 18, 2010 at 4:45

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Comments

Chandu · Accepted Answer · 2010-12-18 04:49:47Z

0

Are you sure you are calling the tabs() function of jquery in the $(document).ready() method? If this is the case you should not have a problem.

answered Dec 18, 2010 at 4:49

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

Comments

Brad Mace · Accepted Answer · 2010-12-19 00:37:58Z

0

$(document).ready(function(){
    //once dom get ready it happens
    $('#bookmarks').trigger('click');    
    $("#bookmarks").click(function(e){
        e.preventDefault();
    });     
});

Run your ajax codes and onsuccess of your ajax once again activate it.

edited Dec 19, 2010 at 0:37

Brad Mace

28k19 gold badges110 silver badges152 bronze badges

answered Dec 18, 2010 at 4:44

Mohan Ram

8,47125 gold badges85 silver badges132 bronze badges

Collectives™ on Stack Overflow

jquery tabs loading via ajax question

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related