Динамические переменные
Может я не очень правильно понимаю,но вроде это называется так.
В общем я хочу,чтобы при наведении мыши на один элемент, анимировался другой элемент.Пытаюсь их связать задав таким образом:
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! |
Цитата:
|
Цитата:
Да,вероятно в свойство объект не засунешь... |
Dimanchik87,
:cray: кликаем по первому диву исчезает второй
<!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>
|
Спасибо.Суть ясна,буду разбираться!
|
Всё заработало.Я сразу сделал div.data('title',$('#div2')) и в обработчике
event.target.data('title') Так кажется проще |
| Часовой пояс GMT +3, время: 00:11. |