[Javascript技巧]代码编辑器的行号，通过hash定位

于 2013-06-26 09:56:02 发布 · 159 阅读

文章标签：

#前端 #javascript #ViewUI

Javascript技巧专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一段JavaScript代码的功能，该代码用于为文件源视图中的每一行添加ID，并实现到指定行的滚动定位。通过对页面中带有行号列表元素进行遍历设置ID，并根据URL哈希值来定位到特定行。

$.initLineNumbers = function () {
    var hash      = window.location.hash.substring(1),
        container = $.get('container'),
        hasLines, node;

    // Add ids for each line number in the file source view.
    $('.linenums>li').each(function () {
        $(this).set('id', 'l' + (index + 1));
        $(this).addClass('file-line');
        hasLines = true;
    });

    // Scroll to the desired line.
    if (hasLines && /^l\d+$/.test(hash)) {
        if ((node = $.get(hash))) {
            win.scroll(0, node.offset().x);
        }
    }
};