单击其他attr('href')的JQuery TAB

时间:2012-11-26 22:00:44

标签: jquery tabs click

我的jquery脚本中有这段代码:

 $('.content-box ul.content-box-tabs li a ').click( // When a tab is clicked...

 function () { 
 $(this).parent().siblings().find("a").removeClass('current'); // Remove "current" class from all tabs      
 $(this).addClass('current'); // Add class "current" to clicked tab
 var currentTab = $(this).attr('href'); // Set variable "currentTab" to the value of href of clicked tab
 $(currentTab).siblings().hide(); // Hide all content divs
 $(currentTab).show(); // Show the content div with the id equal to the id of clicked tab
 return this;
  }
 );

并且此代码可以查看php:

<div class="content-box-header">

<h3>Content box</h3>

   <ul class="content-box-tabs">
     <li><a href="#tab1" id="tab1">Table</a></li> <!-- href must be unique and match the id of target div -->
     <li><a href="<?php echo site_url('examples/country_management')?>" id="tab2">Countries</a></li>
     <li><a href="<?php echo site_url('examples/channel_management')?>" id="tab3">Channels</a></li>
     <li><a href="<?php echo site_url('examples/programs_management/')?>" id="tab4" class="default-tab">Programs</a></li>
  </ul>

  <div class="clear"></div>

现在。我需要在.attr('href')或.prop('href')中使用其他atripute,而不是href,但是id,title ... 如果我使用该代码我的标签工作但不保持活动位置,它仅在加载过程中处于活动状态。 如果我使用其他属性href我的链接目录的选项卡是正确的选项卡不起作用。

你能帮我吗? 对不起我的英语不好。 THX。

0 个答案:

没有答案