Форум

ruslan_mart · #11 (**permalink**) 03.12.2014, 15:27

Phonixe, Ваш код можно нормально написать в ~5 строк на чистом JS.

danik.js · #12 (**permalink**) 03.12.2014, 15:36

Вроде есть полифил для mouseenter/leave

Phonixe · #13 (**permalink**) 03.12.2014, 15:39

Ruslan_xDD, каким образом его можно сократить до 5 строк?

kostyanet · #14 (**permalink**) 03.12.2014, 15:56

Сообщение от Ruslan_xDD

и чёрт с ними, лучше костыль написать, чем целую библиотеку ради пары ф-ций подключать. Просто большинство пользователей jQuery, подключают её ради использования 5-10% её функционала.

$(image).animate(
				prop,
				delay,
				function(){
					if(!stopped)
						play();
				}
			);

это все ради чего, пока что, у меня подключен живерь моднейшей версии.

То есть всего 32Кб кодов, а живери - вот столько. Пользуясь случаем замерил все min версии - охренеть, блин, экономия ажно 8Кб! У меня фотка no_image.png весит раз в пять больше.

рони · #15 (**permalink**) 03.12.2014, 17:03

Phonixe,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .info  {
    display: none;

  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = $(".two");
	   s.on('mouseenter mouseleave',function() {
	     $('+ .info',this).fadeToggle("slow");
      });
});
  </script>
</head>

<body>
<div class="one">
 <div class="two">Блок/Полле ввода</div>

 <div class="info">Информация, (tooltip примерно как в фреймворке boostrap)</div>
 </div>

</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript