Сценарий jQuery (Offcanvas) работает только после обновления в моем приложении React / Redux - PullRequest
Новая
       9

Сценарий jQuery (Offcanvas) работает только после обновления в моем приложении React / Redux

0 голосов
/ 27 августа 2018

У меня в приложении реакции есть меню сценария jquery. Но он срабатывает только после обновления страницы.

Пожалуйста, проверьте мой код ниже:

index.html 

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>App</title>

        <!-- inject:css -->
        <link rel="stylesheet" href="../public/css/style.css" />

        <!-- To fix issue in multiple path parameters -->
        <base href="/" />

        <!-- endinject:css -->
        <style>
            a { cursor: pointer; }
            .help-block { font-size: 12px; }
        </style>

        <script src="../public/vendors/node_modules/jquery/dist/jquery.min.js"></script>
        <script src="../public/js/off-canvas.js"></script>

    </head>
    <body>
        <div id="app"></div>

    </body>

    <!-- plugins:js -->

    <script src="../public/vendors/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>

    <!-- endinject -->
    </html>

offcanvas.js 

    (function($) {
    'use strict';
    $(function() {
        $('[data-toggle="offcanvas"]').on("click", function () {
        $('.sidebar-offcanvas').toggleClass('active')
        });
    });
    })(jQuery);

Я застрял и не знаю, как двигаться вперед. Любая помощь будет оценена. Спасибо!

...