Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru Сниппеты JS Сниппеты Правильные псевдоссылки на jQuery

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


     27.03.2013    JS Сниппеты    3911

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'));
    });
});
Демо
Чтобы комментировать - войдите или зарегистрируйтесь на сайте