2010-02-18 61 views
2
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">'); 

出于某种原因,此输出没有“滑出div”DIV或“句柄”DIV。它只是将“帮手”DIV附加到页面上,但没有其他两个div。任何线索为什么是这样?jQuery .Wrap功能帮助...用另一个div包装div

努力实现:

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

positionHelper会有一些CSS的变量,你可以看到,但这通常我想有输出出来的是什么。问题是,我似乎无法用位置滑块来包装位置。

UPDATE:

其实,这工作,但似乎有点漫长了什么,我试图做的。

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

很难想象你真正想要达到的目标。任何机会都可以从“”到“”的SSCCE(http://sscce.org)的风格重新发布,并附带一个“硬编码”示例,最终结果应该是什么样子? – BalusC 2010-02-18 20:57:17

+0

我加了我想要得到的结果。 – jlrolin 2010-02-18 21:00:45

回答

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); 
0

问题是在这里,尝试这样的事情:

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