Як зробити клікабельні блоки (використовуємо jquery)

13.06.2011
1680x1050_piranha

Стаття на допомогу хорошому верстальнику. Кожен хороший верстальщик знає, тег <a> - малий елемент, у нього всередину можна вкласти тільки малий елемент, але часто в макеті дизайну потрібно сходити так щоб блоки були клікабельні (наприклад, "блок з інструкціями новин").

Який зробити вихід із цієї ситуації?

  • Вписати в тег ще купу блоків і зробити верстку не валідною (дуже поганий спосіб).
  • Скористайтеся jquery(+зрозуміла структура html, валідний код).
  • HTML
    
    <div class="post">
         <a href="#">Заголовок новини</a>
         <p>трохи тексту анотації, трохи тексту анотації.</p>
    </div>
    
    JQUERY
    $(document).ready(function(){
        $('.post').click(function(){
            window.location=$(this).find('a').attr('href');
            return false;
        })
    });
    

    PS А рибка тут до того, що "Без праці не виловиш і рибку з ставка )"

    Останнє в нашому блозі

    Інтернет маркетинг
    04.11.2019