Comments on: Создаем плагин для jQuery http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html Блог о программировании Mon, 15 Mar 2010 00:28:08 +0000 hourly 1 By: Владимир http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-4043 Владимир Thu, 12 Feb 2009 17:41:57 +0000 http://www.simplecoding.org/?p=663#comment-4043 Честно говоря, я ничего не забывал :) - это перевод статьи с nettuts.com. Большое спасибо за это замечание! Действительно из-за таких "мелочей" потом возникают очень неприятные баги. Последний вариант кода действительно красиво выглядит и хорошо демонстрирует возможности jQuery. Честно говоря, я ничего не забывал :) – это перевод статьи с nettuts.com.
Большое спасибо за это замечание! Действительно из-за таких "мелочей" потом возникают очень неприятные баги.

Последний вариант кода действительно красиво выглядит и хорошо демонстрирует возможности jQuery.

]]> By: Евгений http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-4036 Евгений Wed, 11 Feb 2009 20:11:35 +0000 http://www.simplecoding.org/?p=663#comment-4036 хм, думаю, что правильнее все-таки так: <code> (function($){ $.fn.center = function(){ return this.each(function(){ $(this).load(function(){ var self = this; $(window).bind("resize", function(){ $(self).css({ "position" : "absolute", "left" : $(window).width() / 2 - $(self).width() / 2, "top" : $(window).height() /2 - $(self).height() / 2 }); }).triggerHandler('resize'); }); }); }; })(jQuery); </code> хм, думаю, что правильнее все-таки так:

(function($){
$.fn.center = function(){
return this.each(function(){
$(this).load(function(){
var self = this;
$(window).bind("resize", function(){
$(self).css({
"position" : "absolute",
"left" : $(window).width() / 2 - $(self).width() / 2,
"top" : $(window).height() /2 - $(self).height() / 2
});
}).triggerHandler('resize');
});
});
};
})(jQuery);

]]> By: Евгений http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-4035 Евгений Wed, 11 Feb 2009 20:05:48 +0000 http://www.simplecoding.org/?p=663#comment-4035 Владимир, моя ошибка, в прошлых версиях jQuery trigger - не приводил к появлению события, а вызывал обработчики, как обычные функции. "Обновил" знания, предоженную вами задачу можно решить следующим способом: <code> (function($){ $.fn.center = function(){ return $(this).load(function(){ var self = this; $(window).bind("resize", function(){ $(self).css({ "position" : "absolute", "left" : $(window).width() / 2 - $(self).width() / 2, "top" : $(window).height() /2 - $(self).height() / 2 }); }).triggerHandler('resize'); }); }; })(jQuery); </code> PS. из функции $.fn.center вы забыли вернуть обернутый элемент, что привело бы к обрыванию "цепочки". Владимир, моя ошибка, в прошлых версиях jQuery trigger – не приводил к появлению события, а вызывал обработчики, как обычные функции. "Обновил" знания, предоженную вами задачу можно решить следующим способом:

(function($){
$.fn.center = function(){
return $(this).load(function(){
var self = this;
$(window).bind("resize", function(){
$(self).css({
"position" : "absolute",
"left" : $(window).width() / 2 - $(self).width() / 2,
"top" : $(window).height() /2 - $(self).height() / 2
});
}).triggerHandler('resize');
});
};
})(jQuery);

PS. из функции $.fn.center вы забыли вернуть обернутый элемент, что привело бы к обрыванию "цепочки".

]]> By: Владимир http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-4033 Владимир Wed, 11 Feb 2009 19:14:35 +0000 http://www.simplecoding.org/?p=663#comment-4033 Я согласен, что дублировать код - плохо. Но, во-первых, в данном случае речь идет о двух вызовах одной и той же функции. А они [функции] как раз и предназначены для того, чтобы можно было вызывать один и тотже код несколько раз. Если вызов только один, то в принципе нет смысла создавать функцию (можно сразу разместить нужный код внутри метода bind). Во-вторых, генерировать событие "resize" сразу после загрузки страницы только ради того, чтобы вызвать функцию, как-то не очень красиво ;) Я согласен, что дублировать код – плохо.
Но, во-первых, в данном случае речь идет о двух вызовах одной и той же функции. А они [функции] как раз и предназначены для того, чтобы можно было вызывать один и тотже код несколько раз.
Если вызов только один, то в принципе нет смысла создавать функцию (можно сразу разместить нужный код внутри метода bind).
Во-вторых, генерировать событие "resize" сразу после загрузки страницы только ради того, чтобы вызвать функцию, как-то не очень красиво ;)

]]> By: Евгений http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-4030 Евгений Wed, 11 Feb 2009 18:40:52 +0000 http://www.simplecoding.org/?p=663#comment-4030 Тогда лучше так: <code> $(this).load( function() { $(window).bind("resize", function(){ changeCss(); }).trigger("resize"); }); </code> дабы не дублировать. Тогда лучше так:


$(this).load( function() {
$(window).bind("resize", function(){
changeCss();
}).trigger("resize");
});

дабы не дублировать.

]]> By: Владимир http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-4029 Владимир Wed, 11 Feb 2009 18:20:10 +0000 http://www.simplecoding.org/?p=663#comment-4029 Первый раз (строка 5) функция changeCss() вызывается сразу после загрузки страницы (и центрирует блок). Но нам нужно, чтобы эта функция вызывалась каждый раз при изменении размеров окна. Поэтому мы создаем обработчик события "resize" (строки 6-8) и вызываем функцию changeCss() в нем. Т.е. функция changeCss() будет вызвана 1 раз сразу после загрузки страницы и 1 раз после каждого изменения размеров окна браузера. Первый раз (строка 5) функция changeCss() вызывается сразу после загрузки страницы (и центрирует блок).
Но нам нужно, чтобы эта функция вызывалась каждый раз при изменении размеров окна. Поэтому мы создаем обработчик события "resize" (строки 6-8) и вызываем функцию changeCss() в нем.
Т.е. функция changeCss() будет вызвана 1 раз сразу после загрузки страницы и 1 раз после каждого изменения размеров окна браузера.

]]> By: Maikl http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-4025 Maikl Wed, 11 Feb 2009 03:55:21 +0000 http://www.simplecoding.org/?p=663#comment-4025 а можно вопрос нафига сначала вызывать функцию changeCss(); и потом еще при bind'e <code> # (function($){ # $.fn.center = function(){ # var element = this; # $(element).load(function(){ # <strong>changeCss();</strong> # $(window).bind("resize", function(){ <strong># changeCss();</strong> # }); </code> а можно вопрос нафига сначала вызывать функцию changeCss(); и потом еще при bind'e

#
(function($){
#
$.fn.center = function(){
#
var element = this;
#
$(element).load(function(){
#
changeCss();
#
$(window).bind("resize", function(){
#
changeCss();
#
});

]]> By: Владимир http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-3628 Владимир Sun, 18 Jan 2009 13:41:09 +0000 http://www.simplecoding.org/?p=663#comment-3628 Где именно забыли? Первый листинг, строка 2 <script src="jquery-1.2.6.pack.js" type="text/javascript"> Где именно забыли?
Первый листинг, строка 2
<script src="jquery-1.2.6.pack.js" type="text/javascript">

]]> By: Веб-студия Webering http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-3626 Веб-студия Webering Sun, 18 Jan 2009 10:12:38 +0000 http://www.simplecoding.org/?p=663#comment-3626 Ребята, вы еще забыли подключить JQuery. Ребята, вы еще забыли подключить JQuery.

]]> By: Владимир http://www.simplecoding.org/sozdaem-plagin-dlya-jquery.html#comment-3572 Владимир Fri, 09 Jan 2009 10:57:28 +0000 http://www.simplecoding.org/?p=663#comment-3572 Ещё нужно добавить <code>var detect = navigator.userAgent.toLowerCase();</code> и <code>function renameLine() { var one = document.getElementById('bheaderA'); var two = document.getElementById('bheaderATwo'); if (one.innerHTML == 'Задать вопрос') { one.innerHTML = 'Вопросы и ответы'; two.innerHTML = 'Задать вопрос'; } else { two.innerHTML = 'Вопросы и ответы'; one.innerHTML = 'Задать вопрос'; } }</code> ;) Ещё нужно добавить

var detect = navigator.userAgent.toLowerCase();

и

function renameLine()
{
var one = document.getElementById('bheaderA');
var two = document.getElementById('bheaderATwo');
if (one.innerHTML == 'Задать вопрос') {
one.innerHTML = 'Вопросы и ответы';
two.innerHTML = 'Задать вопрос';
} else {
two.innerHTML = 'Вопросы и ответы';
one.innerHTML = 'Задать вопрос';
}
}

;)

]]>