VPF::jquery.ui.draggable передача параметров

JVM

Дата 11.3.2011, 10:33 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 189
Регистрация: 30.10.2006

Репутация: нет
Всего: 5

В обработчике 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>

нуп

Дата 11.3.2011, 12:36 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

Код


function MyFunc(){            
    var container = $("<div id='container'></div>");  
    var div1 = $("<div id='div1' style='width: 100px; height: 100px; background: #ccc;'></div>");   
    this.div2 = $("<div id='div2' style='width: 100px; height: 100px; background: #aaa;'></div>");    
    container.append(this.div2);       
    container.append(div1);      
    $("body").append(container);
    var self = this;
    div1.draggable({    
        axis: "x",      
        drag: function(event, ui) {
                  self.onMouseMove(event, ui);
                }
    });
 }       
MyFunc.prototype.onMouseMove = function(event, ui){   
    /*К div2 можно обратиться так*/     
       this.div2.css({top: ui.position.left});      
}
    

 var o = new MyFunc();

JVM

Дата 11.3.2011, 12:45 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 189
Регистрация: 30.10.2006

Репутация: нет
Всего: 5

Что не так?

нуп

Дата 11.3.2011, 13:18 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

Смотрите мой бото код smile

JVM

Дата 11.3.2011, 14:47 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 189
Регистрация: 30.10.2006

Репутация: нет
Всего: 5

А понял

. Спасибо.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »