jQuery slidetoggle在本地工作，但不能实时网站

Question

我的网站上有几个不同的jQuery slidetoggles，但我没有问题，但是移动导航菜单似乎无法正常工作。我在本地网站上可以正常工作，但是在我的现场网站上什么也没有发生。

我的实时网站是 https://toolcurve.com

<ul class="menu">
    <li class="item"><a href="">Main menu link</a>
        <img src="drop-chev.svg" class="sub-menu-drop ">
        <ul class="dropdown">
            <li class="sub-item"><a href=""></a>Sub Menu Link</li>
            <li class="sub-item"><a href=""></a>Sub Menu Link</li>
        </ul>
    </li>
    <li class="item"><a href="">Main menu link</a>
    <img src="drop-chev.svg" class="sub-menu-drop ">
        <ul class="dropdown">
            <li class="sub-item"><a href=""></a>Sub Menu Link</li>
            <li class="sub-item"><a href=""></a>Sub Menu Link</li>
        </ul>
    </li>
</ul>

我使用的JS是我所使用的JS，

$(function(){
        if (window.innerWidth < 768){
        var $submenu = $(".dropdown");
        $(".sub-menu-drop").on("click", function(e){
            $(this).next($submenu).slideToggle();
        });
        }
    });

这与其他slidetoggle非常相似在我的网站上，所有这些都可以正常工作，但我似乎只是在我的现场网站上工作，但是在我当地的网站上确实可以正常工作。

Answer 1

<img src="drop-chev.svg" class="sub-menu-drop "> //SPACE EXISTS
<img src="drop-chev.svg" class="sub-menu-drop"> //SPACE REMOVED

在图像标签中删除班级末端的额外空间，这就是它不正确针对的原因