В обработчике onMouseMove события drag (см. код ниже) хочется обратиться к элементу div2, но не через селектор, как в примере, а как к объекту. Есть ли возможность передать ссылку на объект div2 в метод onMouseMove?
| Код |
<!DOCTYPE HTML>
<html>
<head>
<title>My test</title>
<script src="js/jquery-1.4.4.js" type="text/javascript"></script>
<script src="js/jquery.ui.core.js" type="text/javascript"></script>
<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="js/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="js/jquery.ui.draggable.js" type="text/javascript"></script>
<style>
#container{
height:800px;
width:1000px;
position:relative;
}
#div1, #div2{
height: 100px;
width:100px;
position:absolute;
}
#div1{
background-color:#a52a2a;
}
#div2{
background-color:#ff7f50;
}
</style>
<script type="text/javascript">
function MyFunc(){
var container = $("<div id='container'></div>");
var div1 = $("<div id='div1'></div>");
this.div2 = $("<div id='div2'></div>");
container.append(this.div2);
container.append(div1);
$("body").append(container);
div1.draggable({
axis: "x",
drag: this.onMouseMove
});
}
MyFunc.prototype.onMouseMove = function(event, ui){
/*К div2 можно обратиться так*/
$("#div2").css({top: ui.position.left});
};
window.onload = function(){
new MyFunc();
};
</script>
</head>
</html>
|
|
. Спасибо.