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.