First off: Thanks for this great script - have it working in a static HTML template, does a real fine job!

I´m currently trying to implement Easytabs using Wordpress (childtheme of Genesis) and widget areas for the content. The scripts are loaded fine and in the source I can see that the job is done, but the problem is the following: The hashtag in the menu are set to rows (#row-1). The rows contain several divs (example: div id="row_1", section id="text-2", div class="widget-wrap", actual content - see source). URL: removed after closing the issue (playground, not really styled yet)

It seems the content is not recognized at all therefore. Script error: TypeError: y.match(...) is null I tried all the ID´s down to text-2 (no script error then, but not working), still no luck (background images and padding is displayed). Is there a way around it (or am I doing something wrong)? I´d really appreciate any help, thanks in advance!

Hi,

A quick clarification - in the standard UI tabs, setting an href value on the tab link will allow the tab content to be loaded via ajax. The homepage for this project indicates that it has all the functionality of the ui tabs, but also specifies that it does not do ajax loading.

Thus, my question is, if I drop this in place of my normal UI tabs, which load with ajax, will it break the ajax loading? If so, is there any workaround for this?

Thanks for any assistance! Henry.

[Moved to new issue]

Is it possible to nest sets of easytabs? E.g. I want to have my main tabs, and some subtabs in each of the main tabs, which can also load content via ajax.

I tried a simple nesting by simply putting a second set of tabs within the layout of the page being loaded by the main tab (with different container div ids), but I got some unexpected behaviour, such as the main set of tabs trying to load content that should have been loaded by the subtabs, which makes me think it maybe wasn't designed to be used in this way.

Hello,

I love the EasyTabs plug-in. Very clean and simple. I am having an issue though with the page jumping to the top (like an anchor) when clicked.

Please find the live example here:

http://unicef.milestone-creative.com/natcom-donor-toolkits/toolkit.php

Select any of the tabs (Toolkit Document, Results Matrix, Budget, etc.) you will find the issue.

Thank you in advance to your attention to this matter.

Carl

Hey,

I was wondering if there is a way to have multiple tabs on a page, whether they are nestled or standalone on the page, but with history enabled, similar to jQuery BBQ but to have customised hashtags?

Thanks, James

Thank you once again for creating this great plugin, have used it quite extensively. And also for adding the ajax functionality recently.

Ok this should be something that I have overlooked somewhere, but I have been trying to implement forward/next backwards/previous buttons that update dynamically

I know in ui-tabs I can go

$(function() {var $tabs = $('#tabs').tabs();

$(".ui-tabs-panel").each(function(i){

  var totalSize = $(".ui-tabs-panel").size() - 1;

  if (i != totalSize) {
      next = i + 2;
      $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page »</a>");
  }

  if (i != 0) {
      prev = i;
      $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>« Prev Page</a>");
  }

});

$('.next-tab, .prev-tab').click(function() {
       $tabs.tabs('select', $(this).attr("rel"));
       return false;
   });});

How would I go about doing this with easytabs thank you in advance and keep up the great work

Hi, I have use jQuery 1.8 in my site. But the Easy Tab plugin does not works in the jQuery 1.8 version. It works in jQuery 1.7. When we will get latest plugin works with latest jQuery?

I love Easy Tabs and it works fine in al lbrowsers except IE7. I have found that when the animation is on (default fadein/out) the tab changes, the old one fades out, the new ones fades in...and then fades out again leaving a blank tab!

This doesn't happen when the animation is off and also I can't see it happening on the demo page. I use the next and prev button script too.

What do you think is gogin on? Why would the tab change and then disappear?

I would like to see some added extra functionality ala ui-tabs Collapsable option

So along the lines of this demo http://jqueryui.com/demos/tabs/collapsible.html

more info here http://jqueryui.com/demos/tabs/#collapsible and code here http://jqueryui.com/demos/tabs/#option-collapsible

Although this needs to be tied in with the default open tab option

eg you set the Collapsable option to true and do not supply a default tab number it will show all tabs collapsed

Thanks

I'm using Easytabs on many pages of a huge website. Normally the first tag should be the first one active, but on a few pages we want to decide different tabs as the first once to show up. For that I've included " $('#tab-container').easytabs({defaultTab: '#defaultTab'});" teh default-Tab Code. But now the others don't work anymore. I could add to all the first tabs of all the easytabs the ID, but that would be a lot of work and there must be a more easier way ;) (well I hope so) . Do you have any idea for that? So if there is a li with the id defaultTab then use that one - if not just use the first one?

Thanks Karo

I've try to combine jQuery Addres and easytabs as one for getting results in side of the tab.

http://www.asual.com/jquery/address/

but i can't make it work it's not getting the tab name if there is more then one parameter.

now it's like this: http://domain.com/pageName/#tabName

there is a way to use something like that: http://domain.com/pageName/#tabName/#moredata

OR: http://domain.com/pageName/#/tabName/moredata

thanks in advance!

easytabs 3.2.0 is used on an intranet page that I was asked to fix. It looks like the script is setting visibility:hidden on the content divs at startup (around https://github.com/JangoSteve/jQuery-EasyTabs/blob/master/lib/jquery.easytabs.js#L614 ) and then that doesn't get removed when a tab is clicked. It's also set as a element style attribute, which is a nuisance to remove (js needed not mere css).

Of course, this might be a usage error by the page author but I don't see how. Changing the visibility seems a bit like it contradicts the "[display] is the only property easytabs changes" in line 609, too.

Spans are shown to work on the advanced demo at https://os.alfajango.com/easytabs/#advanced-demo

Using spans instead of list items with the selector tabs: "> div > span" does not show tab content correctly and produces a console error.

Uncaught Error: The specified default tab ('li:first-child') could not be found in the tab set ('> ul > li') out of 0 tabs.

Hello Steve, I'm derek, In my case I use your plugin and create a scss file to use, Because on your project style code in the html, I'm not sure whether your need this request, just send this pr for you ^^

Hi this is the website i am working on http://www.noor-azmi.com/element/projects.html

in firefox when i click the "Project List" tab, the content is not inside the tab container.

I tested in chrome, IE & safari and all works fine except firefox

Hi There ,

in my script i used :

var tabs = jQuery(".modal_tab_wrapper"); tabs.on("easytabs:before", function (e, clicked) { return false; });

or even tried :

$(function() { var tabs = jQuery(".jet_modal_tab_wrapper"); tabs.on("easytabs:before", function (e, clicked) { return false; }); });

both of above is in jQuery(document).ready(function($)

but none of working , i am still able to click on tab and it's not disabled . could anyon help ?

Thanks .