Пытается манипулировать стилем CSS с помощью jQuery

Question

У меня есть панель навигации сбоку страницы и вы хотите выделить одну из нескольких записей в зависимости от параметров 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; 
} 

Я был бы благодарен за подсказку, которая указывает мне, где я ошибаюсь.

Answer 1

Вы не передаете параметр «id» при вызове функции highlight_me.

Answer 2

функция $(highlight_me()); требуется параметр id, который не является источником питания, когда вы вызываете эту функцию. И положите свою функцию внутри document.ready.

$(document).ready(function() { 
    // put all your function here. 
}); 

Answer 3

Любая причина, по которой вам необходимо 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'; 
}