如何使用javaScript-Yii2菜单

Question

我使用以下代码为yii 1应用程序创建了菜单：

<nav class="navigation">
                <ul class="navigationList" id="myTopnav">
                    <li class="expanded navigationList-item">
                    <a href="#section803" class="navigationList-link">Наши контакты</a>
                </li>
                    <li class="first expanded navigationList-item">
                        <a href="#section804" class="navigationList-link">О компании</a>
                    </li>
                    <li class="expanded navigationList-item">
                        <a href="#section805" class="navigationList-link">О членство ТПП</a>
                    </li>

                    <li class="expanded navigationList-item">
                    <a href="#section806" class="navigationList-link">моe цели</a></li>
                    <li class="last leaf navigationList-item--border navigationList-item">
                        <a href="https://www.chamber.com/contact" class="navigationList-link">Личины кабинет</a>
                    </li>

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <a href="javascript:void(0);" style="font-size:15px;" onclick="myMenu()" class="click">&#9776;</a>
                        <ul class="nav" id="nav_bar">
                            <li><a href="#section803">Наши контакты</a></li>
                            <li><a href="#section804">О компании</a></li>
                            <li><a href="#section805">О членство ТПП</a></li>
                            <li><a href="#section806">моe цели</a></li>
                            <li><a href="#">Личины кабинет</a></li>

                        </ul>
                    </div>
                </ul>

            </nav>
            <script src="<?php echo Yii::app()->theme->baseUrl; ?>../../Index/script_nav.js"></script>

它工作正常（图片）。 yii 1版本

但是，当我开发yii2应用程序时，它不起作用。 更确切地说，移动版本的菜单元素也出现了。 yii2版本我通过使用registerJsFile注册了它，并在AppAsset中插入了以下代码：

public $jsOptions = ['position' => \yii\web\View::POS_BEGIN]; 

如何解决在Web应用程序的Web版本中同时显示移动版本和Web版本菜单项的错误。 （从网络版本中删除移动版本菜单链接）。

Answer 1

在我的Yii 2项目中，我通常使用移动检测库https://github.com/serbanghita/Mobile-Detect/ 。 在您的项目中易于实现（例如https://github.com/alexandernst/yii2-device-detect/库）。 在您的代码中，您可以添加如下内容：

                ...
                <li class="expanded navigationList-item">
                <a href="#section806" class="navigationList-link">моe цели</a></li>
                <li class="last leaf navigationList-item--border navigationList-item">
                    <a href="https://www.chamber.com/contact" class="navigationList-link">Личины кабинет</a>
                </li>

                <? if(isMobile()) ?>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <a href="javascript:void(0);" style="font-size:15px;" onclick="myMenu()" class="click">&#9776;</a>
                    <ul class="nav" id="nav_bar">
                        <li><a href="#section803">Наши контакты</a></li>
                        <li><a href="#section804">О компании</a></li>
                        <li><a href="#section805">О членство ТПП</a></li>
                        <li><a href="#section806">моe цели</a></li>
                        <li><a href="#">Личины кабинет</a></li>

                    </ul>
                </div>
                <? endif;?>
            </ul>
            ...