Форум

Dimanchik87 · #1 (**permalink**) 11.07.2013, 23:33

Может я не очень правильно понимаю,но вроде это называется так.
В общем я хочу,чтобы при наведении мыши на один элемент, анимировался другой элемент.Пытаюсь их связать задав таким образом:

var div=$("#div");
var div2=$("#div2");
var div3=$("#div3");
var div4=$("#div4");

div.title=$("#another_div");
div2.title=$("#another_div");
div3.title=$("#another_div3");
div4.title=$("#another_div4");

вешаю события на div, а в обработчике пишу

function name(event){
	var targetHero=$(event.target);
	var title=targetHero.title;
	title.css("opacity",0)
}

И ничего.вывожу alert(title) Undefined!

рони · #2 (**permalink**) 11.07.2013, 23:55

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

div.title=$("#another_div");

странное желание засунуть в несуществующее свойство обьект

Dimanchik87 · #3 (**permalink**) 12.07.2013, 00:06

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

странное желание засунуть в несуществующее свойство обьект

а как иначе соединить два объекта?
Да,вероятно в свойство объект не засунешь...

рони · #4 (**permalink**) 12.07.2013, 00:14

Dimanchik87,

кликаем по первому диву исчезает второй

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">

  <title>jQuery</title>
  <script src="http://code.jquery.com/jquery-1.9.1.js">
</script>
  <script>
      $(function ()
          {

         $("#one").data("id", "#two");
         function name(event){
         var id = $(this).data("id");
         if(id) $(id).css("opacity",0)
          }
         $("div").click(name)

            });
  </script>
  <style type="text/css">
      div{
           height: 100px;
           width: 100px;
           background-color: #FF8C00;
        }
  </style>
</head>

<body>
  <div id="one">one</div>
  <div id="two">two</div>
</body>
</html>

Dimanchik87 · #5 (**permalink**) 12.07.2013, 00:31

Спасибо.Суть ясна,буду разбираться!

Dimanchik87 · #6 (**permalink**) 12.07.2013, 01:26

Всё заработало.Я сразу сделал div.data('title',$('#div2')) и в обработчике
event.target.data('title')
Так кажется проще

Форум

Справочник

Discord чат

Курсы javascript