Правильные псевдоссылки на jQuery

Все блоги / DLE движок для сайтов | 28 марта 2013

HTML:
<div data-target-self="http://dle-faq.ru/">div-Псевдоссылка</div> <br>
<span data-target-self="http://dle-faq.ru/">span-Псевдоссылка</span> <br>
<i data-target-self="http://dle-faq.ru/">i-Псевдоссылка</i> <br>
<hr>
<div data-target-blank="http://dle-faq.ru/">div-Псевдоссылка внешняя</div> <br>
<span data-target-blank="http://dle-faq.ru/">span-Псевдоссылка внешняя</span> <br>
<i data-target-blank="http://dle-faq.ru/">i-Псевдоссылка внешняя</i> <br>

CSS:
[data-target-self],
[data-target-blank] {
    cursor: pointer;
}

JS:
$(document).ready(function() {
    // Псевдо-ссылки
    // Внутренние
    $('body').on('click', '[data-target-self]', function() {
        window.location.href = ($(this).data('targetSelf'));
    });

    // Внешние
    $('body').on('click', '[data-target-blank]', function() {
        window.open($(this).data('targetBlank'));
    });
});


 Источник:dle-faq.pro, DLE
Перейти на сайт

Похожие новости