javascript - slicknav 项目功能不起作用

Question

嗨，我在我的项目中使用 slicknav，我不知道为什么当我向菜单项添加功能时它什么也不做!需要一些帮助:) 谢谢

HTML

<ul id="menu">
    <li ><a class="link1" href="">Accueil</a>  </li>
    <li ><a class="link2" href="">Services</a>  </li>
    <li ><a class="link3" href="">Références</a>  </li>
    <li ><a class="link4" href="">Groupe</a>  </li>
    <li ><a class="link5" href="">Contact</a>  </li>
</ul>

JS

$('.link1').click(function(){
    $('html, body').animate({
        scrollTop:0
    }, 1500, function() {
        parallaxScroll(); // Callback is required for iOS
    });
    return false;
});

Answer 1

正如您所看到的，您的代码工作正常 here

我建议您使用这样的委托(delegate)事件:

var b = $('body');
$('.link1', b).click(function(){ ... });

这样，您在“body”中使用“link1”类创建的所有元素都将监听该点击事件。

还请务必检查“parallaxScroll”函数中的错误。