在我的网页中,我使用的是jquery标签。
<script type="text/javascript">
$(document).ready(function()
{
$('#horizontalTab').responsiveTabs({
rotate: false,
startCollapsed: 'accordion',
collapsible: 'accordion',
setHash: true,
disabled: [3,4],
activate: function(e, tab) {
$('.info').html('Tab <strong>' + tab.id + '</strong> activated!');
}
});
$('#start-rotation').on('click', function() {
$('#horizontalTab').responsiveTabs('active');
});
$('#stop-rotation').on('click', function() {
$('#horizontalTab').responsiveTabs('stopRotation');
});
$('#start-rotation').on('click', function() {
$('#horizontalTab').responsiveTabs('active');
});
$('.select-tab').on('click', function() {
$('#horizontalTab').responsiveTabs('activate', $(this).val());
});
});
</script>
<div id="horizontalTab" style="margin-top:10px;">
<ul class="tabul">
<li class="tabli">
<a href="#purchased"><?php echo lang('purchasedtickets');?></a>
</li>
<li class="tabli"><a href="#gifted" onclick="giftedtickets('<?php echo $userid;?>','<?php echo base_url();?>')"><?php echo lang('gifted').' '.lang('tickets');?></a></li>
<li class="tabli"><a href="#received" onclick="receivedtickets('<?php echo $userid;?>','<?php echo base_url();?>')"><?php echo lang('received').' '.lang('tickets');?></a></li>
</ul>
<div id="purchased"></div>
<div id="gifted"></div>
<div id="received"></div>
</div>
当我点击tab2即 #gifted 标签时,相应的结果将从ajax调用中获取,并将设置为id为 gifted 的div。在本节中,我使用的是Codeigniter分页。如果我点击天赋部分的分页链接2,则URL将显示为http://domain.org/project/video/tickets/2#gifted,其中URL中的2是页码。
在此之后,当我点击任何其他标签,例如tab1即已购买标签时,页面链接将显示为http://domain.org/project/teshot/video/tickets/2#purchased(而不是http://domain.org/project/teshot/video/tickets#purchased)正在追加上一节的网址。
我想避免这个问题。我该如何解决这个问题?
有人可以帮助我吗? 提前谢谢。