抱歉,我之前发布了一个可能没有多大意义的问题。所以我删除了它,并打算重新发布它。
我有一个链接,单击该链接可将用户导航到页面的特定部分(这部分效果很好)。但是,我希望页面的“特定”部分(即 a href 链接)进行动画处理,以便用户的眼睛注意它。
所以我有这样的事情:
<a href="#" name="myapp" class="app">click me</a>
基本上有了这个,我在 jquery 中有一个点击事件,它在类名的任何 href 上调用,app
如下所示:
$(".app").click(function (e) {
var name = this.name;
scrollToAnchor(name);
e.preventDefault();
});
这很好用,用户单击链接并调用此函数,该函数调用scrollToAnchor(name)
函数。现在在 scrollToAnchor 函数之后,我想动画它指向的对象(即名称)。所以想象一下,在一个网站的顶部,我有我在上面发布的那个 href。在网站底部附近的某个地方,我还有另一个href:
<a href="someURL" name="myapp">Some Site</a>
因此,当我单击第一个 a href 时,它会将我滚动到此锚标记。那部分正在工作,但我想为第二个锚标签背景设置动画。如果我试试这个:
$(".app").click(function (e) {
var name = this.name;
scrollToAnchor(name);
$(this).animate({
backgroundColor: "#FFD700"
},
2500,
function () {
$(this).animate({ backgroundColor: "#fff" }, 2500);
});
e.preventDefault();
});
这不会起作用,因为它会为我在此问题顶部发布的初始锚标记设置动画。我想为它滚动到的锚标记(保存name
变量的那个)设置动画。我可以以某种方式做到这一点,而无需通过 ID 对其进行硬编码吗?