大佬教程收集整理的这篇文章主要介绍了如何使用jQuery创建维基百科的脚注突出显示，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我想出了一个过程列表.
> In-Text Citation Clicked
>在< p>上用标准脚注类替换高亮类已突出显示的脚注标记.
>在相应的脚注中添加突出显示
>使用jQuery向下滚动页面到适当的脚注.
到目前为止,我已经提出了一些jQuery,但我非常陌生,依靠教程和插件来实现这一点.对于我还没有弄清楚的部分,这里有一些简单的英语.
$('.inlineCite').click(function() {
$('.footnoteHighlight').removeClass('footnoteHighlight').addClass('footnote');
//add highlight to id of highlightScroll
//scroll to footnote with matching id
});
如果我有一个方法将选择器的一部分传递给函数并将其转换为变量,我相信我可以把它拉下来.最有可能的是,我确信你们中的一位大师会鞭打一些东西,这些东西让我觉得我做的任何事情都让人感到羞耻.任何帮助将不胜感激,所以提前谢谢你.
干杯.
<sup class="reference" id="cite_ref-1">
<a href="#cite_note-1">
<span>[</span>1<span>]</span>
</a>
</sup>
并使用以下jQuery：
$(".reference > a").click(function() {
var href = $(this).attr("href");
var $el = $(href);
$(".ref-highlight").removeClass("ref-highlight");
$el.addClass("ref-highlight");
});
关键是抓取被点击的链接的href,然后使用它来选择元素并应用高亮类.
此外,您无需以编程方式向下滚动页面,因为浏览器会自动为您处理.
这是一个完整的工作示例：http://jsfiddle.net/andrewwhitaker/dkWJm/2/
更新：我在下面的评论中注意到你想为滚动设置动画,这是你将如何做到这一点：
$(".reference > a").click(function(event) {
event.preventDefault();
var href = $(this).attr("href");
var $el = $(href);
$(".ref-highlight").removeClass("ref-highlight");
$el.addClass("ref-highlight");
$("html,body").animate({"scrollTop": $el.offset().top},3000);
});
笔记：
>在这种情况下,我们取消了链接的默认操作(使用event.preventDefault()),这将跳转到id与匹配链接的href匹配的元素.
>使用animate将html元素平滑地向下滚动到适当的位置,该位置是使用目标元素上的offset()确定的.
>持续时间参数(我指定3000)是您要调整以延长/缩短滚动持续时间的内容.
以下是此示例：http://jsfiddle.net/andrewwhitaker/dkWJm/4/(已更新,可在IE8 / Chrome / FF 3中使用)
以上是大佬教程为你收集整理的如何使用jQuery创建维基百科的脚注突出显示全部内容，希望文章能够帮你解决如何使用jQuery创建维基百科的脚注突出显示所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。