我想动态更改目标标签
$('#tab0').attr('href', '#four');
$('#tab0').text('Logout');
HTML
<div data-role="page" id="settingsPage">
<div data-role="content">
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a id="tab0" href="#one" class="ui-btn-active">Tab One</a></li>
<li><a id="tab1" href="#two">Tab Two</a></li>
<li><a id="tab2" href="#three">Tab Three</a></li>
</ul>
</div>
<div id="one" style="display: none" class="ui-body-d ui-content">aaaaaaaaaaaa</div>
<div id="two" style="display: none" class="ui-body-d ui-content">bbbbbbbbbbbbb</div>
<div id="three" style="display: none" class="ui-body-d ui-content">cccccccccccc</div>
<div id="four" style="display: none" class="ui-body-d ui-content">Not supposed to show this now</div>
</div>
</div>
</div>
我希望第一个标签可以更改选项卡的导航栏项和内容。
如您所见,第一个导航栏项名称确实在改变,但内容却没有。如何刷新而不重新加载整个页面?
答案 0 :(得分:1)
移动设备标签使用与jQuery UI tabs相同的API。
可以做类似的事情:
$('#tab0').attr('href', '#four').text('Logout');
$('#tabs').tabs("refresh");
$('#one').hide();
的 DEMO 强>
答案 1 :(得分:0)
假设你想回到零标签,这里是快速而又脏的
v=spf1 a mx include:gandi.net include:_spf.google.com ~all