Object has no method ‘live’
23 марта 2013
Нет комментариев
Rhinoslider — простой, удобный и многофункциональный JQuery слайдер
9 июня 2012
Нет комментариев
Простой и удобный jquery slider
- простой и быстрый
- хорошая документация (на английском)
- легко ставится
- демо с возможностью визуальной настройки параметров!!!
- генерации кода для вставки
Как растягивать div по всей высоте окна браузера
24 января 2012
4 комментария
С помощью css растянуть слой у меня не получилось. На помощь пришел javascript и JQuery.
при изменении размеров будем менять размер слоя принудительно:
Вот так все просто.
Вообще для window и document доступна только эта функция.
Зато для остальных элементов есть еще несколько: подробнее здесь.
|
1 2 3 4 5 6 |
$(document).ready(function($){ //запускаем, когда документ загрузится $(window).resize(function(){ //Вешаем на событие ресайза у окна функцию $("#div_id").height($(window).height()); //меняем высоту дива на высоту окна }); $("#div_id").height($(window).height()); //меняем высоту дива на высоту окна в первый раз, т.к. событие просто при открытии не вызывается }); |
Как менять и узнавать высоту элементов html страницы на JQuery
24 января 2012
Нет комментариев
width и height бывают разные. А потому и несколько функций на JQuery.
(далее…)
.height()
.height() - возвращает высоту элемента (его информационную часть) .height(value) - устанавливает высоту элемента
.innerHeight()
.innerHeight() - возвращает высоту элемента с учетом padding
(далее…)
Как определить id элемента по которому кликнули на JQuery
19 января 2012
2 комментария
Для построения обработки больших списков удобно использовать событие onClick для элемента и передавать в функцию обработки id элемента.
Будем пользоваться библиотекой JQuery.
Каждому объекту с классом click назначим обработку события и будем брать его id
Код HTML: (просто для примера)
Код JS:
|
1 2 3 4 |
<a class = "click" id = "1">Item 1</a> <a class = "click" id = "2">Item 2</a> <a class = "click" id = "3">Item 3</a> <a class = "click" id = "4">Item 4</a> |
|
1 2 3 4 5 6 7 8 9 |
$(".click").click(function(){ // назначаем обработку события onClick для каждого элемента класса "click" // и получаем его id id_click = this.attr("id"); // дальше можно что-то еще делать. или то, что нужно // для теста раскомментируйте следующую строчку // alert(id_click); }); |
Свежие комментарии