jquery - 我可以阻止 jQuery UI 在添加到 DOM+ 之前对可拖动的元素设置“位置：相对”吗？

Question

减少测试用例：http: //jsfiddle.net/Kerrick/CETWC/

简而言之，我正在创建一个 jQuery 元素（例如 via var el = $('<h1>Test</h1>');），启用 jQuery UI 的可拖动功能（el.draggable()），并将其附加到 DOM（例如 via $('body').append(el);）。position: absolute它不像 jQuery UI 通常那样使用，而是放入元素position: relative的属性中。style

postion: absolute即使在尚未附加到 DOM 的元素上启用了jQuery UI，我是否可以阻止这种情况并强制使用 jQuery UI ？

Answer 1

只需在追加时将其 css 更改为位置

$('<h1 class="draggable">Test</h1>')
    .draggable()
    .appendTo('#canvas').css('position','absolute');
$('<h2 class="draggable">Test 2</h2>')
    .draggable()
    .appendTo('#canvas').css('position','absolute');

这是你真正想要的吗？

编辑：

虽然我无法找出问题的根本原因，但这些链接可能会对您有所帮助

链接1 链接2 链接 3