Я пытаюсь добавить класс в div, вызывая addClass по клику.
у меня 5 класс
.title1{}
.title2{}
.title3{} ect
Каждый addClass запускается нажатием на пункт меню coresponding. Я использую идентификатор меню для задания класса.
поэтому триггер индексной ссылки addClass title1 к соответствующему div
Работает отлично, но если я щелкаю назад элемент, который щелкнул ранее, он не применяет класс к элементу.
На самом деле это работает, только если я нажимаю пункты с 1 по 5 по порядку и только один раз. если я начну с пункта 5, я получу только этот класс для добавления
Так что для каждого из моих пунктов меню я использую этот код
$("#menu'.$id.'").mouseover(function(){
$(this).addClass("hat'.$id.'");
$("#h'.$id.'").addClass("viewhat");
$("#menu'.$id.'").bind("mouseleave",function(){
$(this).removeClass("hat'.$id.'");
$("#h'.$id.'").removeClass("viewhat");
});
});
$("#menu'.$id.'").live("click",function(){
$("#titre").addClass("titre'.$id.'");
$("#nav_foot_1").addClass("nav_foot_1_'.$id.'");
});
</script>
$ id var из PHP и является просто номером id. Я добавляю addClass в div, он работает отлично.
После того, как я добавлю Класс по клику на 2 разных дел. И я не хочу удалять этот класс, пока не нажму другой пункт в меню.
Должен ли я отслеживать, в каком классе я учусь, и удалять его, прежде чем применять новый?
Тогда я не пойму, почему я могу изменить их с class1 на class5, но не наоборот