Symfony + JQueryUI选项卡导航菜单问题

时间:2010-03-31 16:04:17

标签: jquery-ui symfony1

我正在尝试将选项卡纯粹用作导航菜单,在选项卡中加载我的页面,但能够为所述选项卡添加书签,并使地址栏与我正在执行的操作相对应。

所以这是我简单的导航部分:
     <div id='tabs'> <ul> <li id='home'><a href="<?php echo url_for('post/index') ?>" title="Home">Home</a></li> <li id='test'><a href="<?php echo url_for('post/test') ?>" title="Test">Test</a></li> </ul> </div>

简单的标签intializer:
<div id='tabs'> <ul> <li id='home'><a href="<?php echo url_for('post/index') ?>" title="Home">Home</a></li> <li id='test'><a href="<?php echo url_for('post/test') ?>" title="Test">Test</a></li> </ul> </div>

$(document).ready(function() { $('#tabs').tabs({spinner: ''

我的布局只显示$ sf_content。我想通过ajax在选项卡中显示我正在执行的操作(当前是主页或测试)的内容,并使选项卡可以加入书签。

我用谷歌搜索了4000次,我找不到我想要做的例子。如果有人拥有他们所知道的资源,我可以查一查,或者如果你能提供帮助,我将非常感激。

提前谢谢。

1 个答案:

答案 0 :(得分:1)

这将使用ajax加载标签

<div id='tabs'> 
  <ul> 
    <li title='home'><a href="<?php echo url_for('post/index') ?>" title="Home">Home</a></li> 
    <li title='test'><a href="<?php echo url_for('post/test') ?>" title="Test">Test</a></li> 
  </ul> 
  <div id="home">home content here</div>
  <div id="test">test content here</div>
</div>