带有ajax内容的Jquery UI选项卡：Hrefs无法正常工作。

Question

尝试使用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>

Html Body：

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

使用Firebug检查UI Tabs它显示例如List

  

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

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

  

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

只有#main标签加载了正确的内容，点击其他标签后，没有任何内容（除了Firebug检查读数ui-tabs-x，其中x是所点击标签的索引）。

我有什么遗失的吗？我怎样才能更好地做到这一点？

提前致谢。