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

Вместо этого назначьте каждому якорю на странице идентифицирующий класс.

html5_popups_with_custom_data/original_example_3.html

Holiday Pay

Чтобы обработка событий не создавала проблем совместимости, мы воспользуемся jQuery. В конце страницы, непосредственно перед закрывающим тегом , подключите библиотеку jQuery.

html5_popups_with_custom_data/original_example_3.html

Затем прямо под этой строкой добавьте новый тег со следующим кодом:

html5_popups_with_custom_data/original_example_3.html

$("a.popup").click(function(event){

event.preventDefault();

window.open(this.getAttribute('href'));

});

Мы используем селектор jQuery для получения элемента с классом popup, после чего добавляем наблюдателя для события click для каждого элемента.