<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: jQuery для начинающих. Часть 5. Эффекты</title>
	<atom:link href="http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/feed/" rel="self" type="application/rss+xml" />
	<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/</link>
	<description>Web-разработчик</description>
	<lastBuildDate>Thu, 09 Feb 2012 12:54:09 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>By: ghost</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-63117</link>
		<dc:creator>ghost</dc:creator>
		<pubDate>Thu, 26 Jan 2012 02:57:34 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-63117</guid>
		<description>thanks, it helped</description>
		<content:encoded><![CDATA[<p>thanks, it helped</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Roman</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-63070</link>
		<dc:creator>Roman</dc:creator>
		<pubDate>Sat, 24 Dec 2011 04:40:14 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-63070</guid>
		<description>Очень помог! Благодарю!</description>
		<content:encoded><![CDATA[<p>Очень помог! Благодарю!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Anton Shevchuk</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-63065</link>
		<dc:creator>Anton Shevchuk</dc:creator>
		<pubDate>Wed, 21 Dec 2011 20:59:04 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-63065</guid>
		<description>Анимация становится в очередь fx, вы можете использовать какую-нить другую (для jQuery 1.7+) либо вызов dequeue засовывать в calback анимации</description>
		<content:encoded><![CDATA[<p>Анимация становится в очередь fx, вы можете использовать какую-нить другую (для jQuery 1.7+) либо вызов dequeue засовывать в calback анимации</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Artemiy</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-63064</link>
		<dc:creator>Artemiy</dc:creator>
		<pubDate>Wed, 21 Dec 2011 18:21:55 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-63064</guid>
		<description>Я прощу прощения. Я к вам за советом.
Ситуация следующая.
Необходимо сделать последовательность:
1. Анимация
2. Анимация
3. Действие
[js]
$(&#039;#test&#039;).queue(function () {
	$(this).fadeOut(1000);
	$(this).dequeue();
});
$(&#039;#test&#039;).queue(function () {
	$(this).fadeIn(1000);
	$(this).dequeue();
});
$(&#039;#test&#039;)queue(function () {
	test++;
	$(&#039;#console&#039;).append(&#039;Ok&#039;);
	$(this).dequeue();
});
[/js]
Пример крайне упрощен для простоты понимания. Вместо обычных fadeIn и fadeOut там происходят манипуляции посложнее.
По логике вывод текста должен произойти после всех анимаций. Но он показывается сразуже после первой анимации. Подскажите пожалуйста, в чем проблема.</description>
		<content:encoded><![CDATA[<p>Я прощу прощения. Я к вам за советом.<br />
Ситуация следующая.<br />
Необходимо сделать последовательность:<br />
1. Анимация<br />
2. Анимация<br />
3. Действие</p>
<pre class="brush: jscript; title: ; notranslate">
$('#test').queue(function () {
	$(this).fadeOut(1000);
	$(this).dequeue();
});
$('#test').queue(function () {
	$(this).fadeIn(1000);
	$(this).dequeue();
});
$('#test')queue(function () {
	test++;
	$('#console').append('Ok');
	$(this).dequeue();
});
</pre>
<p>Пример крайне упрощен для простоты понимания. Вместо обычных fadeIn и fadeOut там происходят манипуляции посложнее.<br />
По логике вывод текста должен произойти после всех анимаций. Но он показывается сразуже после первой анимации. Подскажите пожалуйста, в чем проблема.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Anton Shevchuk</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-63047</link>
		<dc:creator>Anton Shevchuk</dc:creator>
		<pubDate>Tue, 13 Dec 2011 12:09:36 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-63047</guid>
		<description>Добавьте обработчик click для textarea который будут предотвращать &quot;всплытие&quot; события</description>
		<content:encoded><![CDATA[<p>Добавьте обработчик click для textarea который будут предотвращать &#8220;всплытие&#8221; события</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Gleb</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-63046</link>
		<dc:creator>Gleb</dc:creator>
		<pubDate>Tue, 13 Dec 2011 07:00:40 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-63046</guid>
		<description>Такая беда: 
$(document).ready(function(){
    $(&#039;#span_comment&#039;).click(function(){ 
    $(&#039;#div_message2&#039;).fadeIn();
    $(&#039;body&#039;).click(function(){
    $(&#039;#div_message2&#039;).hide(&quot;slow&quot;);
    });
        return false;
    });
  });
В блоке div_message2 находится textarea проблема в том что при клике на textarea она закрывается, а должна при нажатии в любом месте кроме этого div скажите в чем проблема?</description>
		<content:encoded><![CDATA[<p>Такая беда:<br />
$(document).ready(function(){<br />
    $(&#8216;#span_comment&#8217;).click(function(){<br />
    $(&#8216;#div_message2&#8242;).fadeIn();<br />
    $(&#8216;body&#8217;).click(function(){<br />
    $(&#8216;#div_message2&#8242;).hide(&#8220;slow&#8221;);<br />
    });<br />
        return false;<br />
    });<br />
  });<br />
В блоке div_message2 находится textarea проблема в том что при клике на textarea она закрывается, а должна при нажатии в любом месте кроме этого div скажите в чем проблема?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Murad</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-62898</link>
		<dc:creator>Murad</dc:creator>
		<pubDate>Sat, 08 Oct 2011 03:35:06 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-62898</guid>
		<description>Очень полезная статья. Так держать.
Помоги пожалуйста разобраться.При клике на ссылку все остальные сдвигаются в стороны, при клике на следующую  все возвращаются на исходную позицию, и кроме выбранного все остальные сдвигаются в сторону.
Не работает на &lt;strong&gt;ie7&lt;/strong&gt;.Выдает следующую ошибку.
  &lt;strong&gt;Ошибка при анализе значения «margin».  Потерянное объявление. &lt;/strong&gt;
[js]
    $(this).animate({margin:&#039;0 0 0 90px&#039;},
		 {duration:200});
 [/js]
&lt;strong&gt;Сам код jQuery&lt;/strong&gt; 
           [js]
 $(&#039;li&#039;).click(function() {	
      var current = $(this);
      var id = current.attr(&#039;id&#039;);
          $(&#039;li&#039;).each(function(){
		$(this).css(&#039;margin-left&#039;,&#039;0&#039;); 
		   });
          $(&#039;li&#039;).each(function() {			 
		  $(this).animate({margin:&#039;0 0 0 90px&#039;},
				    {duration:200});
		}); 
	    current.animate({margin:&#039;0&#039;},
			    {duration:100}); 
	 });
[/js]</description>
		<content:encoded><![CDATA[<p>Очень полезная статья. Так держать.<br />
Помоги пожалуйста разобраться.При клике на ссылку все остальные сдвигаются в стороны, при клике на следующую  все возвращаются на исходную позицию, и кроме выбранного все остальные сдвигаются в сторону.<br />
Не работает на <strong>ie7</strong>.Выдает следующую ошибку.<br />
  <strong>Ошибка при анализе значения «margin».  Потерянное объявление. </strong></p>
<pre class="brush: jscript; title: ; notranslate">
    $(this).animate({margin:'0 0 0 90px'},
		 {duration:200});
 </pre>
<p><strong>Сам код jQuery</strong> </p>
<pre class="brush: jscript; title: ; notranslate">
 $('li').click(function() {
      var current = $(this);
      var id = current.attr('id');
          $('li').each(function(){
		$(this).css('margin-left','0');
		   });
          $('li').each(function() {
		  $(this).animate({margin:'0 0 0 90px'},
				    {duration:200});
		});
	    current.animate({margin:'0'},
			    {duration:100});
	 });
</pre>
]]></content:encoded>
	</item>
	<item>
		<title>By: degtyarchuk</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-62620</link>
		<dc:creator>degtyarchuk</dc:creator>
		<pubDate>Mon, 16 May 2011 06:17:30 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-62620</guid>
		<description>Отличная статья про очерёдность выполнения. Как раз то что надо. &lt;a href=&quot;http://programilla.com/blog/siteconstruction/253.html&quot; rel=&quot;nofollow&quot;&gt;http://programilla.com/blog/siteconstruction/253.html&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>Отличная статья про очерёдность выполнения. Как раз то что надо. <a href="http://programilla.com/blog/siteconstruction/253.html" rel="nofollow">http://programilla.com/blog/siteconstruction/253.html</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Yura</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-61876</link>
		<dc:creator>Yura</dc:creator>
		<pubDate>Fri, 14 Jan 2011 09:09:44 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-61876</guid>
		<description>Подскажи пожалуйста, как можна программно изменять скорость текущей анимации в зависимости от координаты курсора</description>
		<content:encoded><![CDATA[<p>Подскажи пожалуйста, как можна программно изменять скорость текущей анимации в зависимости от координаты курсора</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: WCB</title>
		<link>http://anton.shevchuk.name/javascript/jquery-for-beginners-effects/comment-page-1/#comment-60362</link>
		<dc:creator>WCB</dc:creator>
		<pubDate>Thu, 08 Jul 2010 13:45:16 +0000</pubDate>
		<guid isPermaLink="false">http://anton.shevchuk.name/?p=550#comment-60362</guid>
		<description>Помогите решить вопрос!
1) на странице внизу картинки (превьюшки), кликая на 1-ю выезжает блок снизу страницы с описанием (вверху кнопка закрывающая этот блок заезжанием обратно), если закрыть первый блок и выбрать скажим 3-ю картинку то выезжает снизу 3-й блок с инфой
2) в открытом блоке (который выехал снизу) наверху есть 2-я навигация Влево и Вправо нажимая на которую соответственно слева или справа выезжает соседний блок информации


1-й пукнт реализую впринципе без проблем а вот 2-й както не выходит никак :(
блоки информации по ширене в 100% и по высоте в 90% (сверху остается кусочек) но при большом контенте в блоке включается скрол. как не пытался заставить блоки листаться влево,вправо не вышло также не могу пока заставить их включатся по очереди (если начали с первой картинки то еще куда нишло а если с 3-й то первые 2 блока теряются)</description>
		<content:encoded><![CDATA[<p>Помогите решить вопрос!<br />
1) на странице внизу картинки (превьюшки), кликая на 1-ю выезжает блок снизу страницы с описанием (вверху кнопка закрывающая этот блок заезжанием обратно), если закрыть первый блок и выбрать скажим 3-ю картинку то выезжает снизу 3-й блок с инфой<br />
2) в открытом блоке (который выехал снизу) наверху есть 2-я навигация Влево и Вправо нажимая на которую соответственно слева или справа выезжает соседний блок информации</p>
<p>1-й пукнт реализую впринципе без проблем а вот 2-й както не выходит никак :(<br />
блоки информации по ширене в 100% и по высоте в 90% (сверху остается кусочек) но при большом контенте в блоке включается скрол. как не пытался заставить блоки листаться влево,вправо не вышло также не могу пока заставить их включатся по очереди (если начали с первой картинки то еще куда нишло а если с 3-й то первые 2 блока теряются)</p>
]]></content:encoded>
	</item>
</channel>
</rss>

