Каков наилучший способ включить значок в целевой области интерактивного текста?

Question

В настоящее время я использую следующий JavaScript для создания расширяющегося меню:

http://demo.raibledesigns.com/struts-menu/scripts/menuExpandable.js.src

В настоящее время кликабелен только текст гиперссылки. Как лучше всего, чтобы значок рядом с текстом реагировал на клик?

Answer 1

Значки должны быть:

• встроенные элементы внутри тега привязки
• фоновые изображения для тега привязки

Вы можете делать все это в CSS и / или в разметке, сохраняя JavaScript простым и понятным.

Третий вариант - привязать элемент icon к методу-обработчику событий гиперссылки, но конечный результат менее оптимален и требует большей работы.

Answer 2

HTML

<a id="icon" href="blah">blah</a>

CSS

#icon {
    background: transparent url(img.gif) no-repeat right center;
    padding-right: 10px;
}