学生科的网站首页有19个repeater控件。6个div块的tabs切换。
做tabs切换总不能一个个去写方式吧:(代码如下....)
复制代码 代码如下:
$(function()
{
$(#tabs a:eq(0),#tabs2 a:eq(0),#dbt_l_t_tabs a:eq(0),#dbt_r_t_tabs a:eq(0)).addclass(m_on);
$(#tabs a:gt(0),#tabs2 a:gt(0),#dbt_l_t_tabs a:gt(0),#dbt_r_t_tabs a:gt(0)).addclass(m_out);
$(#tabs a,#tabs2 a,#dbt_l_t_tabs a,#dbt_r_t_tabs a).each(function(){
$(this).mouseover(function(){
if($(this).hasclass(m_out))
{
var ab=$(this).closest(li).closest(div).attr(id);
var ulid=ul_+ab;
var arra=$(#+ab+ a);
var e=arra.index($(this));
$(#+ab+ a).removeclass(m_on).addclass(m_out);
$(this).removeclass(m_out).addclass(m_on);
$(#+ulid+ ul).hide();
$(#+ulid+ ul:eq(+e+)).show();
}
})
})
})
23行赋值使用了jquery的index方法。查找一个对象的某一元素在这个对象里的索引值。
官方一个说明：$('li').index($('#bar'));这里的index参数用单引号。在测试过程中总是失败。。不知道为什么。后来直接先定义了$(this)所在对象：var arra=$(#+ab+ a);。
就可以成功返回索引了。
以下是其中一个tabs
复制代码 代码如下:
新闻动态
团学专题工作
[团干培训] 团干培训通知2010-05-17
[团日活动] 我校团委开展学风建设主体活动2010-05-17