未捕获的 URIError：URI 格式错误 - Windows 上的 jquery UI 选项卡

我在本地 Windows 开发环境中使用 jquery UI 选项卡。我正在用他们测试演示代码 http://jqueryui.com/tabs/#default

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. </p>
  </div>
  <div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie</p>
  </div>
  <div id="tabs-3">
    <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede ve</p>

  </div>
</div>

问题是我在此函数上收到“Uncaught URIError: URI malformed”：

function isLocal( anchor ) {
    return anchor.hash.length > 1 &&
        decodeURIComponent( anchor.href.replace( rhash, "" ) ) ===
Uncaught URIError: URI malformed
            decodeURIComponent( location.href.replace( rhash, "" ) );
} 

我怀疑这是由于 Windows 环境中的 URI 所致，如下所示：

file:///C:/Work/my%20project/yadda%20ac%E7%F5es%20yadda/submenu.html#tabs-1

我怎样才能让它在本地 Windows 上运行，因为我的客户希望在上线之前看到它在本地 Windows 上运行？我已经测试过，我知道这是由 uri 上的特殊字符编码引起的（例如“acções”一词）。有没有办法让它即使使用特殊字符也能工作?

我知道我可以简单地通过删除这些字符并重命名文件/文件夹来解决这个问题，但我希望有一个更能证明客户的解决方案，以防他们决定再次重命名文件夹（并且一切都在他们的脸上发生了CABOOM ）。

这是decodeURIComponent 方法的结果，该方法假定给定字符串的编码字节百分比采用 UTF-8（请参阅步骤 4.d.vii.8）解码操作 http://es5.github.io/x15.1.html#Decode秒后。 ECMAScript 15.1.3）。您的示例字符串：

"file:///C:/Work/my%20project/yadda%20ac%E7%F5es%20yadda/submenu.html#tabs-1"

包含百分比解码字节 0xE7 0xF5，它们不能在有效的 UTF-8 字符串中相继出现（它们代表两个字符çõ在 Windows-1252 中）。因此，decodeURIComponent 会抛出 URIError 异常。

解决此问题的一种方法（我尚未测试过）是确保使用 UTF-8 字符编码提供您的网页，而不是ISO-8859-1，我认为这是默认值。

为此，请包含 META 标记，如下所示：

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

（虽然理想的情况是包含包含字符集的 Content-Type 标头，但这在涉及文件系统的本地测试中通常是不可能的。）

还要确保网页本身采用 UTF-8 编码。

另外，您的示例字符串出现在网页的什么位置？它是如何生成的？您在什么浏览器上测试了该行为？答案将帮助我告诉你该怎么做。