Question

我不能让这种效果发挥作用，可能是什么问题？它不会打开和关闭，它在JS小提琴中起作用。

我完全不知道为什么它不起作用。 Jquery正确实现。（因为我的谷歌地图代码正常工作）。我正在调用脚本文件。这让我疯了。：d

************************ EDIT ********************** *****************

所以我发现了这个问题，我的GMaps代码与此代码冲突，如果我评论GMaps一切正常。我现在必须找到解决方法。

<nav>
                   <div class="nav-container  js--top-nav">
                    <ul class="top-nav">
                        <li><a href="index.html">HOME</a></li>
                        <li><a href="services.html">SERVICES</a></li>
                        <li><a href="portfolio.html">PORTFOLIO</a></li>
                        <li><a href="contact.html">CONTACT</a></li>
                    </ul>
                   </div>
                    <a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon "></i></a>

</nav>

和JS

$('.js--nav-icon').click(function() {
   var nav = $('.js--top-nav');

   nav.slideToggle(200);

});

Answer 1

您是否将代码放入$（document）.ready（）中？请尝试这样： -

   $(document).ready(function(){
    $('.js--nav-icon').click(function() {
    var nav = $('.js--top-nav');

   nav.slideToggle(200);
    });

   });

Answer 2

正如你所说的那样“我无法让这种效果发挥作用”。如果我的假设正确，你想要的是在切换时停止div的闪烁。然后在你的js做一件事。替换此

var nav = $('.js--top-nav');

到

var nav = $('.top-nav'); // toggle the ul instead of the div

http://jsfiddle.net/2c5vkkqo/4/

slideToogle无法正常工作

2 个答案: