@anyachecka

Как сделать, чтобы cursor: pointer отрабатывал только на тексте?

а не на всей li
плюс если будет ссылка добавлена внутрь li - то переход был только после клика на текст

  • Вопрос задан
  • 427 просмотров
Решения вопроса 1
@ikoit
Web Developer
Сделать padding: 0;, для <li></li> тегов. Либо обернуть текст в тег <a href=""></a> и уже тегу <a href=""></a> задать cursor: pointer;
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
kirbi1996
@kirbi1996
Оберни в span
Ответ написан
Комментировать
vladchv
@vladchv
WordPress Developer
Оберните текст в span, например:
<li><span>текст</span></li>

li span{cursor:pointer;}

Про клик не понял... со 2-го клика всмысле? Тогда так:
$('li a').click(function(e){
    if(!$(this).parent().hasClass('active')) {
        $('li').removeClass('active');
        $(this).parent().addClass('active');
        e.preventDefault();
    } else {
        return true;
    }
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы