Ok, I've done some more debugging. This is what I have:
$(function () {
var tabs = [];
var tabContainers = [];
var tabContents = $('div.tabs > div');
tabContents.hide().filter('#start').show();
tabContents.filter('div.tabs_nav_div').show();
$('ul.tabNavigation a').each(function () {
alert("'"+this.pathname+"' ==
'"+window.location.pathname
+"'"); // This Alert for debugging
if (this.pathname ==
window.location.pathname) {
tabs.push(this);
tabContainers.push($(this.hash).get(0));
}
});
$(tabs).click(function () {
// hide all tabs
$('#start').hide();
$(tabContainers).hide().filter(this.hash).show();
// set up the selected class
$(tabs).removeClass('selected');
$(this).addClass('selected');
return false;
});
});
When I compared the this.pathname == window.location.pathname in
firefox they return the same value '/tabs.html', but in IE
this.pathname returns 'tabs.html' and window.location.pathname returns
'/tabs.html'
Any ideas for a fix?
Thanks.
On Nov 12, 2:16 pm, JD <[EMAIL PROTECTED]> wrote:
> I've done some looking at it looks like my var tabs = [ ]; doesn't
> return anything in IE, but it does in FF. I get an array on an alert
> in FF, but get a blank alert on IE. Any ideas? I've left the alert
> in for now.
>
> Thanks.
>
> On Nov 12, 12:50 pm, JD <[EMAIL PROTECTED]> wrote:
>
> > I have set up a tabbed section for different parts of my portfolio. It
> > works great in Firefox, no problems, but when I try it in IE 7 it
> > doesn't work at all. I'm a noob when it comes to JavaScript/jQuery
> > (trying to learn though). Any ideas as to why would be appreciated.
>
> > Check this out to see what I've got:http://413creativemedia.com/tab.html.
>
> > Thanks in advance for the help.
