OK, just come up with a solution.
In the JS, instead of adding the tabindex like this:
$(this).attr('tabindex', i);
I changed it to this:
this.tabIndex = i++;
And IE now actually follows the tabindex.
Is there any explanation for this?
On Nov 13, 2:45 pm, 5h4rk <[EMAIL PROTECTED]> wrote:
> Basically, I have 4 links,
>
> <a href="#1">Link 1</a>
> <a href="#2">Link 2</a>
> <a href="#3">Link 3</a>
> <a href="#4">Link 4</a>
>
> then I use jQuery to add the tabindex to all of them so they look like
> something like this,
>
> <a href="#1" tabindex="1">Link 1</a>
> <a href="#2" tabindex="2">Link 2</a>
> <a href="#3" tabindex="3">Link 3</a>
> <a href="#4" tabindex="4">Link 4</a>
>
> and then I need to move the 3rd one to the top, so I clone the 3rd one
> and prepend it to the top, and finally I remove the original 3rd link
> and I end up with something like this,
>
> <a href="#3" tabindex="3">Link 3</a>
> <a href="#1" tabindex="1">Link 1</a>
> <a href="#2" tabindex="2">Link 2</a>
> <a href="#4" tabindex="4">Link 4</a>
>
> In Firefox, when I tab, it will follow the tabindex order, which is
> OK. But in IE, it follows the structure order, so "Link 3" is the
> first one I get when I hit tab, following by 1, 2 and 4, it ignores
> completely the tabindex. Can some explain to me the reasoning behind
> that and how I can fix it?
>
> Here's a test page:
> http://users.tpg.com.au/xllu/tabindex.html
>
> Thanks.
