包含ajax内容的Jquery UI选项卡：Hrefs不工作。

尝试使用UI选项卡替换传统链接。但是，我遇到了一个障碍，即在单击选项卡时获取

href

属性以解析为指定的

url

以下是我的html：

<div id = "tabs">
     <ul>
         <li><a href = "#main" >Main Content</a></li>
         <li><a href = "<?php echo base_url.'inventory/list' ?>">List</a></li>
         <li><a href = "<?php echo base_url.'inventory/add' ?>">Add</a></li>
         <li><a href = "<?php echo base_url.'inventory/edit' ?>">Edit</a></li>
    </ul>
 </div>

Jquery：

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

$（文档）.ready（函数（）{
$（“#tabs”）.tabs（）；
})

Html正文：

<div id = "main">
<?php $this->load->view($main); ?>
</div>

使用Firebug检查

UI选项卡

，它会显示例如列表

http://localhost/inventory#ui-表1

而不是（我想如果加载正确的内容）

http://localhost/inventory/list#ui-表1

只有

#main

选项卡加载正确的内容，在单击其他选项卡时，没有任何内容（Firebug inspection reading

ui-tabs-x

，其中x是所单击选项卡的索引）发生更改

我有什么遗漏吗？我怎样才能做得更好

---

提前感谢。

PHP运行后，您的HTML是什么样子的？当您更改选项卡时，是否在Firebug中看到AJAX调用？谢谢，已修复。Firebug在点击带有php链接的选项卡时返回“内部服务器错误”，显然我在控制器中设置了错误的视图，我的坏。酷！很高兴你能工作：-D