jQuery-ui tabs character encoding problem

Question

Swedish characters get substituted when setting the tabTemplate option.

For example using "ö" in the href:

var $tabs = $("#tabs").tabs('option', 'tabTemplate', '<li><a href="#ö">#{label}</a></li>');

becomes:

<li><a href="#%C3%B6">ö</a></li>

Answer 1

Unicode is not supported in URLs yet. They must be encoded. But no string that is URL-encoded after the hash will not automatically move the scroll bars to where you think it should. You are going to need JavaScript to find the element you are looking for and scroll it into view.

Use unescape to get the characters. Then find the element using jQuery, as you are already used to. Get the actual DOM element (using jQuery's get function), and call scrollIntoView on it.