если этот код генерируется каким-то серверным кодом, то размер итогового кода HTML получается намного больше необходимого.
Вместо этого назначьте каждому якорю на странице идентифицирующий класс.
html5_popups_with_custom_data/original_example_3.html
<a href="help/holiday_pay.html" class="popup">Holiday Pay</a>
Чтобы обработка событий не создавала проблем совместимости, мы воспользуемся jQuery. В конце страницы, непосредственно перед закрывающим тегом <body>, подключите библиотеку jQuery.
html5_popups_with_custom_data/original_example_3.html
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1
/jquery.min.js'>
</script>
Затем прямо под этой строкой добавьте новый тег <script> со следующим кодом:
html5_popups_with_custom_data/original_example_3.html
$("a.popup").click(function(event){
event.preventDefault();
window.open(this.getAttribute('href'));
});
Мы используем селектор jQuery для получения элемента с классом popup, после чего добавляем наблюдателя для события click для каждого элемента.
HTML5 и CSS3. Веб-разработка по стандартам нового поколения
·
Б. Хоган
