Question

提前感谢您的帮助。我希望将此jquery代码转换为核心js代码。我正在开发一个angularJs应用程序。这段代码大部分时间都不起作用。这就是为什么我要改变它这是我的jquery代码

<script>
    jQuery(document).ready(function ($) {

        console.log('jquery');

        var trigger = $('.hamburger'),
                overlay = $('.overlay'),
                isClosed = false;

        $('.hamburger').click(function ()
        {
            hamburger_cross();
        });

        function hamburger_cross()
        {
            console.log('trigger');

            if (isClosed == true) {
                overlay.hide();
                trigger.removeClass('is-open');
                trigger.addClass('is-closed');
                isClosed = false;
            } else {
                overlay.show();
                trigger.removeClass('is-closed');
                trigger.addClass('is-open');
                isClosed = true;
            }
        }
        ;

        $('[data-toggle="offcanvas"]').click(function () {
            $('#wrapper').toggleClass('toggled');
        });
    });
</script>

我无法使用上述代码的唯一原因是它使用code.jquery.com/jquery-latest.min.js" jquery库＆＃34;我想删除此链接，因为它导致其他冲突。如果有人将其转换为简单的javascript，我将非常感激。

Answer 1

在这里，我们无法通过编写所有代码来帮助您。但是在结账这个网站上你会发现很多对你代码的引用。 http://youmightnotneedjquery.com/。希望这会帮助你。

Jquery代码简单到javascript

1 个答案: