Question

我目前正在我的bootstrap3网站中使用一个名为“Slick-App-Like-Sliding-Menu-Plugin-with-jQuery-Mmenu”的抽屉菜单，其中有一个登录按钮 - 它调用一个模态。但是，模式在此菜单中不起作用。它工作得很好，只要它位于光滑的菜单之外

知道怎么解决吗？我插入了elseif部分，但它只是打破了菜单 - 但在光明的一面，模态工作..

<script type="text/javascript">
    $(document).ready(function() {
    var $menu = $('nav#menu'),
        $html = $('html, body');       
        $menu.mmenu({
            onClick: {
                //  set the location.href after the menu closes
                setLocationHref: function()
                {
                    var href = $(this).attr( 'href' );
                    //  set location.href only if the clicked link is not linked to an anchor
                    return href.slice( 0, 1 ) != '#';
                },

                //  callback after the menu closes
                callback: function()
                {
                    var href = $(this).attr( 'href' );

                    //  if the clicked link is linked to an anchor, scroll the page to that anchor 
                    if ( href.slice( 0, 1 ) == '#' )
                    {
                        setTimeout(
                        function()
                        {
                            $html.animate({
                                scrollTop: $( href ).offset().top
                            }); 
                        }, 10
                    );              
                    }
                    elseif (href.match(/#modalSignin/))
                    {
                        $(href).modal('toggle');
                    }
                }
            },
            configuration: {
                hardwareAcceleration: false
            }
        });
    });
</script>

Answer 1

因为我的评论似乎解决了这个问题，所以我用它来回答

据我记得在JS中你只使用“普通”else和if语句，没有一个名为elseif的语句（其他语言有类似的东西，因为PHP中的示例elseif或Python中的elif。所以基本上你需要一个空格，即else if而不是elseif。

Slick-App-Like-Sliding-Menu-plugin-with-jQuery-Mmenu中的bootstrap 3模态

1 个答案: