jQuery.LocalScroll不適用於克隆菜單

Question

我使用的jQuery.LocalScroll插件允許我的網站訪問者以平滑的滾動效果導航我的網站。它與原始標題菜單一起工作得很好。但我試圖用克隆的頭文件運行。下面是代碼：

$('.sf-menu').localScroll({lazy: true}); 

if($('header.header-sticky').length == 0) { 
    $('[data-sticky-header="true"]').before($('[data-sticky-header="true"]').clone().addClass("header-sticky")); 
} 

的這裏是HTML標記

<header class="op_style" data-sticky-header="true"> 
    <div class="clearfix header-desktop"> 

      <div class="large-3 medium-3 columns"> 
        <div class="site-logo"> 
          <h1><a href="#" rel="home">Logo</a></h1> 
        </div> 
      </div> 

      <div class="large-9 medium-9 columns"> 
        <nav class="main-nav"> 
          <ul id="menu-for-one-page-portfolio" class="sf-menu right"> 
           <li><a href="#hello">Home</a></li> 
           <li><a href="#services">Services</a></li> 
          </ul>    
        </nav> 
      </div> 
    </div> 
</header> 

Answer 1

嘗試使用.clone（真） - 它克隆一個元素與所有事件處理程序將其