使用新div重复功能

时间:2012-11-25 14:22:58

标签: javascript jquery css

如何将此功能复制到另一个div?

function goto(id, t){   

    //animate to the div id.
    $(".headbox-wrapper").animate({"left": -($(id).position().left)}, 600);

    // remove "active" class from all links inside #nav
    $('#nav a').removeClass('active');

    // add active class to the current link
    $(t).addClass('active');    
}

使用新名称和新div,示例function2。

它和这个页面在同一页面上,当我复制并打印新脚本时,它们都不起作用,这很明显。

1 个答案:

答案 0 :(得分:0)

以Beneto的评论为基础:

function goto(id, t){   
    $(".headbox-wrapper, .headbox-wrapper2").animate({"left": -($(id).position().left)}, 600);
    $('#nav a').removeClass('active');
    $(t).addClass('active');    
}

HTML:

<div id='headbox-wrapper'>Click me!</div>
<div id='headbox-wrapper2'>Click me again!</div>