我正在尝试将选项卡纯粹用作导航菜单,在选项卡中加载我的页面,但能够为所述选项卡添加书签,并使地址栏与我正在执行的操作相对应。
所以这是我简单的导航部分:
<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次,我找不到我想要做的例子。如果有人拥有他们所知道的资源,我可以查一查,或者如果你能提供帮助,我将非常感激。
提前谢谢。
答案 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>