slicknav项目功能不起作用

Question

嗨我在我的项目中使用slicknav并且我不知道为什么当我向菜单项添加功能时它什么都不做！需要一些帮助:) thx

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

我建议你使用这样的委托事件：

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

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

还要确保检查“parallaxScroll”功能中的错误。