Javascript 两个脚本冲突，但仅在移动登录窗口+；滑块

我遇到的问题非常具体，通常我自己就能解决，但由于它只发生在移动和chrome设备模式下，我想我需要一些帮助。我在我的网站上使用了两个脚本，一个用于手机，一个用于[注册/登录弹出窗口]（codyhouse（.）co/gem/loginsignup模式窗口/由于刚刚注册，无法发布多个真实链接）

当低于600px时，滑块将激活，所有导航按钮将随登录一起“移动”到滑块中。单击登录按钮（位于单独的div中）时，滑块将关闭，注册/登录窗口将打开。现在问题来了：一旦你在移动设备上，或者在chrome设备模式下，出于某种奇怪的原因，如果存在滑块的“关闭类”，注册窗口将拒绝打开

我将在下面更详细地说明：

正在讨论的html:`

        <div class="main-nav sb-close">
            <ul class="sb-menu">
                <li><a href="#0">Sign in</a></li>
            </ul>
        </div>`

实例：

如果您只是在web浏览器中调整大小并尝试单击“登录”按钮，它将向后滑动，窗口将弹出，就像它应该的那样。但如果你进入chrome设备模式，或者从手机上访问它，你会看到它只会向后滑动，但不会打开。它似乎以某种方式连接到触摸控制，重叠的元素可能，我只是不知道

我只知道这些脚本的一个非常基本的水平，所以，如果有人可以点什么可能是错误的，或者更好的，已经使用过这些脚本之前，我希望得到一些帮助

如果我还能提供什么，尽管问

---

谢谢你的阅读

您没有为手机使用正确的标记。因为这只发生在Android浏览器中，而不是所有的浏览器中。@PraveenKumar为我的无知感到抱歉，但你的确切意思是什么？在默认浏览器中，这是我得到的@PraveenKumar哈，这是另一个问题，以前从没见过。“我该怎么解决这个问题呢？”PraveenKumar，好的，没问题。非常感谢。

$main_nav.on('click', function(event){

        if( $(event.target).is($main_nav) ) {
            // on mobile open the submenu
            $(this).children('ul').toggleClass('is-visible');
        } else {
            // on mobile close submenu
            $main_nav.children('ul').removeClass('is-visible');
            //show modal layer
            $form_modal.addClass('is-visible'); 
            //show the selected form
            ( $(event.target).is('.cd-signup') ) ? signup_selected() : login_selected();
        }

    });