Question

var el = widget; // Ordered HTML Lists
var helper = $('<div class="positionHelper"></div>');
var wrapper = $('<div class="slide-out-div"></div>');

helper.css({ position: 'absolute', width: dims.refW, height: dims.refH });
el.wrap(helper);
helper.wrap(wrapper);
wrapper.append('<div id="handle">');

由于某种原因，此输出没有“slide-out-div”DIV或“handle”DIV。它只是将“帮助”DIV附加到页面，但没有其他两个div。有任何线索的原因是什么？

努力实现：

<div class="slide-out-div">
  <div class="handle"></div>
  <div class="positionHelper">Bunch of Content</div>
</div>

正如你所看到的，

positionHelper会有一些CSS变量，但这通常是我想要输出的结果。问题是我似乎无法用slide-out-div包装positionHelper。

更新：

实际上，这是有效的，但对于我正在尝试做的事情似乎有点冗长。

var h = $(".positionHelper")
h.wrap(wrapper);
var f = $(".positionHelper")
f.before('<div id="handle">');

Answer 1

var helper = $('<div class="positionHelper"></div>');
var wrapper = $('<div class="slide-out-div"></div>');

$('body').append(wrapper);
wrapper.append('<div id="handle"></div>').append(helper);

Answer 2

问题在这里，尝试这样的事情：

el.wrap(helper.html());
helper.wrap(wrapper.html());

jQuery .Wrap函数帮助...用另一个div包装div

2 个答案: