jQuery .Wrap功能幫助...用另一個div包裝div

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">');

來源

2010-02-18 jlrolin

很難想象你真正想要達到的目標。任何機會都可以從「」到「」的SSCCE（http://sscce.org）的風格重新發布，並附帶一個「硬編碼」示例，最終結果應該是什麼樣子？ – BalusC 2010-02-18 20:57:17

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

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

來源

2010-02-18 21:23:37 user113716

問題是在這裏，嘗試這樣的事情：

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

來源

2010-02-18 21:14:47 Hatchware

jQuery .Wrap功能幫助...用另一個div包裝div

回答

相關問題