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

Question

我正在使用jquery选项卡。(jQuery1.11.1，jQuery ui 1.11.1)

我在<base>中有下面的head>标记

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

现在，当页面加载jquery时，从我的两个<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将从index.html中找到具有index.html片段2的元素。