Question

我正在使用Laravel 5.6，bootstrap 3.3.7，最近添加了一些带有react native的react组件。

问题是我在Bootstrap中包含了一个下拉列表，并且一切正常。

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">{{__('nav.categorias')}} <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a class="page-scroll" href="/a/route">a name</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="/c/route">c name</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="/b/route">b name</a>
                        </li>
                    </ul>
                </li>

    <!-- jQuery -->
    <script src="{{asset('js/jquery.js')}}"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="{{asset('js/bootstrap.js')}}"></script>

当我单击下拉菜单时，选项将正确显示。

但是当我添加时（如laravel所说）

<script src="{{asset('js/app.js')}}"></script>

该下拉列表不再起作用。

我在源代码页面中看到正在添加bootstrap和jquery文件，并且源代码很好。

我应该迁移我的引导本机以响应引导下拉本机吗？

有什么想法吗？

Answer 1

您是否同时使用app.js和bootstrap.js，jquery.js？如果是这样，请尝试删除bootstrap.js和jquery.js。否则，您将两次运行相同的代码，这可能会导致问题。

使用laravel 5.6进行反应和引导

1 个答案: