Главная » Файлы » Прочие скрипты » jQuery

Плагин, который позволяет открывать любые ссылки в новом окне на jQuery для uCoz
24.06.14, 18:40:25



Порой бывает так, что у вас есть элемент и это не обязательно ссылка, при клике по которому нужно открыть нужную вам страницу в новой вкладке. Данный плагин поможет вам реализовать эту идею

По-умолчанию скрипт настроен так, чтобы просто брать значение атрибута href у нужных вам ссылок и, при клике по ней, открывает полученный адрес в новой вкладке, но нам никто не мешает немного изменить код, указав атрибут, из которого брать значение

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

После < /head > на нужных страницах вставляйте:
Код
/*
  * newWindow: a jQuery plugin
  *
  * Licensed under the MIT:
  * http://www.opensource.org/licenses/mit-license.php
  *
  */

(function ($) {
  $.extend($.fn, {
  newWindow: function (options) {
  var defaults = {
  open: function () {}
  };
  options = $.extend(defaults, options || {});

  return this.each(function () {
  $(this).click(function (e) {
  e.preventDefault();
  var newWindow = open($(this).attr('href'));
  options.open.call(newWindow, e);
  });
  });
  }
  });
})(jQuery);
Обратите особое внимание на участок var newWindow = open($(this).attr('href'));

То, что я пометил красным, атрибут, из которого скрипт берёт адрес. Можете указать любой, который вам будет нужен. Вот посмотрите, как это работает с моим сторонним атрибутом url у блочного элемента: КЛИК

Далее прописываем html код элемента в любом нужном вам месте:
Код
<a href="http://apo-ucoz.com" rel="external" id="apoucoz">Клик</a>


В самый низ страницы после < /body > вставляем обработчик для нашего блока:
Код
<script>
$('#apoucoz').newWindow();
</script>


Всё. Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: ссылки, открывать, любые, на, плагин, JQuery, новом, который, окне, позволяет
Просмотров: 315 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: