2015-02-24 68 views
0

我使用的jQuery.LocalScroll插件允许我的网站访问者以平滑的滚动效果导航我的网站。它与原始标题菜单一起工作得很好。但我试图用克隆的头文件运行。下面是代码: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> 
+0

你能提供你的HTML样本也可以模拟答案吗? – 2015-02-24 17:41:47

+0

@TrueBlueAussie是的,我在克隆之后将'localscroll'重新连接到新元素。添加了HTML标记。感谢您的回复 – 2015-02-24 17:48:41

回答

2

尝试使用.clone(真) - 它克隆一个元素与所有事件处理程序将其

+0

是的,它很棒! – 2015-02-24 17:55:31

+0

很棒....感谢您的帮助。 – 2015-09-08 06:08:18