2015-01-26 2 views
-2

Я хочу использовать keynavigation и нашел эту библиотеку, которая выглядит очень красиво: Click here. Я начал опробовать его и создал следующий HTML-код.Keynavigation с помощью jquery

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title>Key navigation</title> 
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script src="http://nekman.github.io/keynavigator/keynavigator.js"></script> 
    <script src="index.js"></script> 
</head> 
<body> 
    <ul id="navigateTest"> 
     <li>Test 1</li> 
     <li>Test 2</li> 
     <li>Test 3</li> 

    </ul> 
</body> 
</html> 

И, конечно, следующий Javascript код (index.js):

$(document).ready(function() { 
    $('ul#navigateTest li').keynavigator(/* optional settings */); 
}); 

Но когда я запустить проект Навигационной клавиши работы доцента. То, что я определяю с помощью работы dosent, заключается в том, что я обнаружил, что библиотека добавит некоторый стиль элементу для отображения выбранного элемента. Нужен ли мне какой-то стиль css, применяемый к коду?

+2

Пожалуйста, определите «работу с дозировкой». Что делает ваш код и что вы ожидаете от него? – Teemu

+1

Почему вы добавляете jQuery дважды? –

+1

Включите дополнительные опции '/ * * /', возможно, существует ошибка ':)'. – albciff

ответ

0

Что вам нужно сделать, это, конечно, добавить стиль CSS для выбранного HTML-элемента, указав javascript, какое имя класса css вы должны добавить в HTML-элемент.

Создание CSS документа и включают в себя класс в него, как это:

.test{ 
    font-weight: bold; 
} 

Тогда ссылка на CSS в HTML, конечно, как это:

<link rel="stylesheet" type="text/css" href="super.css"> 

И в конце концов, сказать javascript, какой класс добавить к html-элементу:

$(document).ready(function() { 
    $('ul#navigateTest li').keynavigator({activeClass: "test"}); 
}); 
Смежные вопросы