jQuery Draggable 双击重置位置

标签 jquery css html html4

我有点被这个jsfiddle example困住了.当用户拖动方 block 时一切正常。但是,当用户将其拖离原始位置后双击正方形时,我希望它返回到只有一半工作(垂直)的原始位置。它不会向右! 非常感谢任何帮助:)

最佳答案

你可以这样做(我更正了你的 fiddle ,因为它完全错了):

jQuery("#drag_item").draggable({containment: '#container'});
var position = jQuery("#drag_item").position();
//you could also use 
//var position = jQuery("#drag_item").offset();

$("#drag_item").dblclick(function() {



    $('#drag_item').css({
        'top': position.top
    });

    $('#drag_item').css({
        'position': 'fixed'
    });
    $('#drag_item').css({
        'left': position.left
    });
});

在这里摆弄http://jsfiddle.net/6kXTP/5/

关于jQuery Draggable 双击重置位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7271942/

相关文章:

html - Google Chrome HTML 表单选择

javascript - 启用仅单击一个子 jquery

javascript - 如何在页面加载完成后为特定元素创建淡出效果?

javascript - 在 <script> 标签内调用 document.write() 是否安全?

php - 来自 PHP 脚本的 HTML5 音频

javascript - 简化 jQuery 代码 - Slide 和 SlideToggle

javascript - jQuery 数据表 - 如何以编程方式按列排序

javascript - Jquery 不起作用 - 单选按钮

javascript - JS + HTML5 : Uploading an audio blob via HTML form

html - 使用 css 将网页内容居中的最佳方法是什么?