2014-01-09 50 views
0

我有一個wrapAll()功能,與當我定位的DIV ID,但如果我嘗試目標的UL類,它不工作一個div ID工作的小腳本代碼:jQuery的wrapAll()不符合UL類工作

<script> 
     $("#block-tb-megamenu-main-menu").wrapAll("<div class='tb-megamenu tb-megamenu-main-menu style-white'/>"); 
     </script> 

<section id="block-tb-megamenu-main-menu" class="block block-tb-megamenu clearfix"> 

<ul class="tb-megamenu-nav nav level-0 items-4"> 
    <li data-id="398" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega dropdown"> 
    <a href="/solutions" class="dropdown-toggle disabled"> 

    Solutions   
      </a> 
</li> 
</ul> 
</section> 

如果我改變#block-tb-megamenu-main-menuul.tb-megamenu-nav(或just .tb-megamenu-nav)腳本不起作用。我想知道是否有人對爲什麼它不工作的任何見解。

+0

工作正常,如果你添加一個文檔準備好處理程序 –

+0

看到http://jsfiddle.net/arunpjohny/ 3cURA/2/ –

+0

如果這是真的,你有東西在你的頁面順序,然後'#塊TB-megamenu - 主 - menu'不在DOM但你的腳本運行時。移動劇本後的內容,或者使用jQuery的'。就緒()'功能。 – jfriend00

回答

0

添加腳本在DOM準備好處理,看看

jQuery(function(){ 
    $("ul.tb-megamenu-nav").wrapAll("<div class='tb-megamenu tb-megamenu-main-menu style-white'/>"); 
}) 

演示:Wrap ULWrap Section