Проблема с эффектом "UI-State-hover" - PullRequest
Новая
       7

Проблема с эффектом "UI-State-hover"

2 голосов
/ 09 декабря 2010

У меня есть HTML 

  <div class="portlet-header">
         <a href="#" class="ui-icon ui-corner-all ui-state-default">
              <span class="ui-icon ui-icon-minusthick ui-corner-all"></span>
         </a>
   </div>

Я хочу, чтобы якорь имел эффект наведения, поэтому я добавляю этот javascript: 

$(".portlet-header").hover(function()
{
    $(this).find("a")
        .removeClass("ui-state-default")
        .addClass("ui-state-hover");
},function(){……});

но якорное "ui-state-default" или "ui-state-hover" состояние не работает так: alt text

Я хочу получить эффект, подобный демонстрационному диалогу jQuery Official UI alt text (да, тема другая) ……

Так как я могу решить эту проблему? Сделайте правильный эффект при наведении

1 Ответ

1 голос
/ 11 декабря 2010

Вы можете сделать это полностью в CSS, используя селектор: hover. То есть: 

.portlet-header a { ... };
.portlet-header a:hover { /* hover behavior */ }

В зависимости от того, где вы хотите, чтобы зависание происходило, вы можете перемещать линию зависания. Следующее изменит стиль ссылки при наведении заголовка (и не только ссылки): 

.portlet-header:hover a { ... }

Если вы используете jQuery, вы можете упростить ваш селектор: 

$(".portlet-header a").hover();

Это эквивалентно.

...