3 кнопки состояния изображения остаются нажатыми, если я нажму на нее, а затем отменить щелчок - PullRequest
Новая
       34

3 кнопки состояния изображения остаются нажатыми, если я нажму на нее, а затем отменить щелчок

0 голосов
/ 20 августа 2011

Когда я нажимаю кнопку, активный класс становится активным, и оно превращает третье изображение в «состояние щелчка», но когда я отменяю щелчок, это состояние остается на кнопке, пока я не нажму где-нибудь еще в теле. Я хочу, чтобы кнопка возвращалась в первое состояние после отмены щелчка. 

.button_friend {
   width: 240px;
   height: 35px;
}
.button_friend a {
   width: 240px;
   height: 35px;
   background-position: left 0px;
   background-image: url("../Images/btn_friend.png");
   display: block; text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}
.button_friend a:hover {
   background-position: left -36px;
}
.button_friend a:active { 
   background-position: left -73px;
}

Изображение:

http://screencast.com/t/QaayuIJx

1 Ответ

0 голосов
/ 20 августа 2011

Что в jsFiddle нет кода? Однако, основываясь на вашей фотографии и тегах вопроса, похоже, что вы используете jquery ui и фреймворк пользовательского интерфейса с одной из стандартных тем, а затем добавляете свой собственный css? Если я ошибаюсь по этому поводу, пишите, что код отсутствует в jsfiddle.

В противном случае,

Я видел, что это много с jquery ui "кнопками", которые построены из фактической кнопки (ввод или отправка), не знаю почему, но у меня есть несколько идей, почему это может быть. Проверьте эту страницу. http://taitems.github.com/Aristo-jQuery-UI-Theme/#. Нажмите на кнопку ввода и введите кнопки типа. Состояние сохранено. Нажмите на div, преобразованный в кнопку - его нет. Вы заметите, что нижние кнопки со значками делают то, что вы хотите, но они также от divs. Я думаю, что есть ошибка с jquery UI на этом или это было желаемое поведение?

Чтобы исправить это, вы можете просто использовать другой элемент или, если нужна кнопка, удалить класс ui-state-active при нажатии.

...