Как немного перенастроить DirectionAwareHoverEffect?

Question

[Artem Pavliienko]

всем привет.
Взять скрипт DirectionAwareHoverEffect, проблема в том что структура кода идет

<ul id="da-thumbs" class="da-thumbs">
<li class="project-12">
            <a href="#">
                <img src="#" alt="" style="height: 100%">
                <div class="project_more">
                    <h4 class="project_title">Название проекта</h4>
                    <p class="project_body">Краткое описание <br>
                        буквально несколько слов о проекте
                        и все такое ...</p>
                    <p class="project_link">Подробнее</p>
                </div>
            </a>
        </li>
</ul>

А мне нужно засунуть кнопку в блок с ховером, тогда получается что мне нужно запихнуть тег a в a, но это не правильно. Как это справить?

Спасибо.

Answer 1

[Sergiu Mitu]

Значит не пихаем тег <a>в теге <a>, а что-то иное, к примеру button.

Comments

[Artem Pavliienko]

А как button использовать как ссылку для перехода на другую страницу?

[Sergiu Mitu]

Artem Pavliienko, а зачем? кнопка и так обернута ссылкой, она и сработает.

[Artem Pavliienko]

Сергей, тогда смысла особо этой кнопки нет, но если ее не будет то ни кто не поймет что можно перейти

[Sergiu Mitu]

Artem Pavliienko, это уже верстки не касается... нужна или нет вам решать, если нужна то вот вам решение

[Artem Pavliienko]

Сергей, это лучше чем каждой кнопки добавить дата атрибут и использовать скрипт

$('.project_link').click(function () {
        var link = $(this).attr("data-link");
        document.location.href = link;
    })

криво работает, кидает в самый верх страницы а потом переходит по ссылки

[Sergiu Mitu]

Artem Pavliienko, зачем тут вообще js?

[Artem Pavliienko]

Сергей, у меня тот же вопрос, навиг в скрипте использовать тег а, если можно было просто р, div