Вызывает перетаскивание на mousedown - PullRequest
Новая
       10

Вызывает перетаскивание на mousedown

1 голос
/ 15 декабря 2009

Это моя проблема, я пытаюсь создать событие, чтобы вызвать перетаскивание. Вот что я уже пробовал. 

<div id="ecard-canvas">
    <div id="ecard-border"></div>
    <img id="ecard-image" src="images/content/girl.jpg" alt="chick"/>
</div>

и JS. 

$('#ecard-image').draggable();

$('#ecard-border').mousedown( function(event){
    $('#ecard-image').trigger("mousedown.draggable", [event]);
});

Но, конечно, это не сработает, когда срабатывает событие mousedown, но mousedown.draggable не срабатывает. это вообще возможно? Что я делаю не так?

1 Ответ

0 голосов
/ 20 января 2010

Ну, я решил это, подумав, вот мой код.

HTML 

<div id="ecard-canvas">
    <div id="ecard-image-handle"></div> //absolute z-index:30 
    <div id="ecard-border"></div> //absolute z-index: 20 and has a nice background border set to it
    <img id="ecard-image" src="yourimage" />  //relative z-index: 10
</div>

Javascript 

//get objects   
    oImage.obj = $('#ecard-image');
    oImage.handle = $('#ecard-image-handle')

// set drag handler
oImage.handle.draggable({
        addClasses: false,
        drag: imageConstrain
    });


//ondrag function
function imageConstrain(oEvent, oUI){
    var newPosition = oUI.position;

    oImage.obj.css({ 'left': newPosition.left, 'top': newPosition.top  });
    return newPosition; 
};
...