Клонирование и другие приключения Шурика
 

Извиняюсь за название - информативнее придумать ничего не смог.

Задача следующая.

• Есть навигация и есть список элементов.
• Навигация выполняет роль фильтра (показать все, только элементы А, только элементы Б).
• При наведении на элементы нужно клонировать навигацию внутрь них. При отведении курсора за пределы элементов клон соответственно удалять.
• Внутри элементов клонированная навигация должна вести себя так же как и основная - менять класс текущего пункта при клике итп.

Я реализовал все кроме выделенного жирным последнего пункта. В метод clone() передаю атрибут true, но скрипт не работает как надо. Толи клонирование происходит без обработчиков, то ли в коде ошибка.

Прошу подскажите что я делаю не так?

http://jsfiddle.net/tvzppbs8/1/

spo,
да , Вы правы - клонированный элемент клонируется без обработчиков.

spo,

Клонирование узлов копирует все атрибуты и их значения, в том числе собственных (в линию) перехватчиков. Это не копирует пререхватчики событий, добавленных используя addEventListener() или тех что назначены через свойства элемента (т.е node.onclick = fn).

Событие click назначить через .on()

Всем спасибо. Решил следующим образом http://jsfiddle.net/9zz4mx2L/