锚 href 被误解为 jQuery UI 选项卡中带有 <base> 标记的外部链接

Question

我正在使用 jquery UI 选项卡。 (jquery 1.11.1,jquery ui 1.11.1)

我在head> 中有以下<base> 标签：

<base href="http://mytestdomain.com/" />

现在，当页面加载时，jquery UI 会从我的两个<li> 中创建两个选项卡，然后尝试通过 ajax 从基本 url 加载内容。 jQuery ui 不知道锚点的href 不是“外部”，而是“本地”，因此无法加载内容。

我的html：

<div id="container-1">
    <ul>
        <li><a href="#fragment-1">some text1</a></li>
        <li><a href="#fragment-2">some text2</a></li>
    </ul>
    <div id="fragment-1"> 
      LOREM IPSUM1
    </div>
    <div id="fragment-2"> 
      LOREM IPSUM2
    </div>
 </div>

我的javascript：

<script type="text/javascript">
    $(document).ready(function() {
        $('#container-1').tabs();
    });    
</script>

有人可以帮帮我吗？

Answer 1

因为你的基本标签：<base href="http://mytestdomain.com/" />

具有段的链接将被解释如下：

<a href="http://mytestdomain.com/#fragment-2">some text2</a>

这肯定行不通，因为它指向一个目录。

修改超链接的href 以包含剩余路径，直到包含该段的文件将解决问题。

例如：

<a href="index.html#fragment-2">some text2</a>

将被解释为

<a href="http://mytestdomain.com/index.html#fragment-2">some text2</a>

jQuery-UI 会从index.html

中找到具有id fragment-2 的元素