我正在使用JqueryUI Draggable来移动位于页面中心底部并固定的div。问题是每当我开始拖动它。它的位置突然变为左下角,然后我必须从左下角拖动它。我想从相同的中心位置开始拖动,但是无法实现。
我制作的代码是
function make_my_toolbar_draggable()
{
jQuery('#mx-toolbar').draggable({
create: function(){
},
start: function (event, ui) {
},
drag: function(event, ui)
{
var layout_top=jQuery(this).position().top-110;
var layout_left=jQuery(this).position().left+20;
var temp_top=jQuery(this).position().top-350;
var temp_left=jQuery(this).position().left-60;
jQuery('#mx-toolbar-mini').css('left',layout_left);
jQuery('#emb-section-chooser').css('left',temp_left);
jQuery('#emb-section-chooser').css('top',temp_top);
jQuery('#mx-toolbar-mini').css('top',layout_top);
jQuery('#mx-toolbar-mini,#emb-section-chooser').css('right','auto');
}
});
}
我拖动了几个容器和主容器,因此上面的代码不同并且工作正常。但拖动位置应该是从底部中心固定而不是左下角,当我试图拖动它时,它会突然移动到。