Remove focus programmatically?

Question

I have a jquery ui dialog with tabs loaded dynamically/JSON with content. Due to the complexity, I can't really post a fiddle or a relevant code (too much code).

What's happening is that when the dialog opens, you can tab through the elements within the dialog, up to the first tab. After that, you cannot tab through to anywhere else. The focus is locked on that tab, even if you click elsewhere, that focus is locked on that tab.

I am unable to locate the actual cause of this issue.

So, how would I remove the focus programmatically?

Answer 1

I'd put in a load of alerts to find where the JS is failing. E.g.

alert(1);
var a = 10;
alert(2);
var b = null;
alert(3);
a += 5;
alert(4);
b.hello();
alert(5);

Obviously in this example the last alert will be 4.

It is not a nice approach but everyone has to do it at some point.

Answer 2

This might help...

http://api.jquery.com/blur/

$('#tabName').blur();

Answer 3

Try triggering a blur event on the field you want to lose focus.