Question

我似乎無法得到這個包裝功能的工作。它找不到課程幷包裝它。有任何想法嗎？

不知道我做錯了什麼。有任何想法嗎？

$(document).ready(function() { 
$('.greybox').wrap(" 
<div class='margin'> 
<div class='cont_wrapper'> 
<div class='border_top'> 
<div class='border_right'> 
<div class='border_bottom'> 
<div class='border_left'> 
<div class='tr'> 
<div class='tl'> 
<div class='br'> 
<div class='bl'> 
<div class='inner_container'> 

</div>   
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
"); 
}); 

Answer 1

你試圖做以下

contents = $('<div class="margin"> 
<div class="cont_wrapper"> 
<div class="border_top"> 
<div class="border_right"> 
<div class="border_bottom"> 
<div class="border_left"> 
<div class="tr"> 
<div class="tl"> 
<div class="br"> 
<div class="bl"> 
<div class="inner_container"> 
</div></div></div></div></div></div></div></div></div></div></div>'); 

，然後環繞各.graybox的HTML？

$('.greybox').wrap(content); 

此外請確保您的元素屬性使用雙引號。

Answer 2

好的解決了它，只要我把它放在一行就可以正常工作。謝謝雖然

$(document).ready(function() { 

$('.greybox').wrap("<div class='margin'><div class='cont_wrapper'><div class='border_top'><div class='border_right'><div class='border_bottom'><div class='border_left'><div class='tr'><div class='tl'><div class='br'><div class='bl'><div class='inner_container'></div></div></div></div></div></div></div></div></div></div></div>"); 

}); 

Answer 3

您有幾種選擇來解決這個問題的答案，把它放在一個行：

$('.greybox').wrap("<div class='margin'><div class='cont_wrapper'>... 

或者，使用\，表明串進到下一行，像這樣的：

$('.greybox').wrap(" \ 
<div class='margin'> \ 
<div class='cont_wrapper'> \ 
.... 

或者，串連各行：

$('.greybox').wrap(
"<div class='margin'>" + 
"<div class='cont_wrapper'>" + 
...