0

我在页面的一侧有一个导航栏，并希望根据 GET 参数突出显示几个条目之一。

经过一点阅读后，我找到了这个解决方案，但它似乎不起作用：

在 .html 中： 

<script type="text/javascript">
    $(document).ready(highlight_me());
</script>

JS函数： 

function highlight_me() {
    // ensure all links have class 'regular'
    document.links.className = 'regular';
    // determine which link to highlight
    var id = 'home';
        switch (querystring('view')) {
            case "set":
                id = 'settings';
                break;
            case "mc":
                id = 'messages';
                break;
            default:
                id = 'home';
        }
    // highlight link
    document.getElementById(id).className = 'highlight';
}

function querystring(key) {
    // extract GET-value for key
    var re = new RegExp('(?:\\?|&)' + key + '=(.*?)(?=&|$)', 'gi');
    var r = [], m;
    while ((m = re.exec(document.location.search)) != null) r[r.length] = m[1];
    return r;
}

CSS类： 

a, a.regular, a:visited {
    color: #f0ce96;
}

a:active, a:hover, a.highlight {
    text-decoration: underline;
    color: #ffeebb;
}

我会感谢一个提示，指出我哪里出错了，在这里。

4

3 回答 3

3

当您调用 highlight_me 函数时，您没有传递“id”参数。

于 2012-06-17T06:47:58.880 回答
1

id您需要作为参数的任何原因？您没有在函数内部的任何地方使用它。一个电话不querystring应该就够了吗？在这种情况下，你不需要做这if(id.length)部分。默认设置id为'home'，然后有switch语句相应地修改变量。

这就是我所说的：

function highlight_me() {
// ensure all links have class 'regular'
document.links.className = 'regular';
// Set id to home by default
var id = 'home';
    switch (querystring('view')) {
        case "set":
            id = 'settings';
            break;
        case "mc":
            id = 'messages';
            break;
        default:
            id = 'home';
    }
// highlight link
document.getElementById(id).className = 'highlight';
}
于 2012-06-17T07:02:57.220 回答
0

函数$(highlight_me());需要一个id在您调用此函数时不提供的参数。并将您的函数放入document.ready.

 $(document).ready(function() {
   // put all your function here.
 });
于 2012-06-17T06:53:02.460 回答