Question

我在轮播中的页脚中编写了多个jquery函数，在单击etcc时隐藏了切换栏菜单。但是要添加页脚，我需要创建一个custom.js文件并粘贴所有这些代码并调用该js文件。我已经尝试过这种方法，但是没有用。

<script type="text/javascript">
    $(function () {
        $('.nav a').filter(function () { return this.href == location.href }).parent().addClass('active').siblings().removeClass('active')
        $('.nav a').click(function () {
            $(this).parent().addClass('active').siblings().removeClass('active')
        })
    })

        (function () {
            $('#carousel123').carousel({ interval: 2000 });
            $('#carouselABC').carousel({ interval: 3600 });
        }());

    (function () {
        $('.carousel-showmanymoveone .item').each(function () {
            var itemToClone = $(this);

            for (var i = 1; i < 4; i++) {
                itemToClone = itemToClone.next();

                // wrap around if at end of item collection
                if (!itemToClone.length) {
                    itemToClone = $(this).siblings(':first');
                }

                // grab item, clone, add marker class, add to collection
                itemToClone.children(':first-child').clone()
                    .addClass("cloneditem-" + (i))
                    .appendTo($(this));
            }
        });
    }());

    $(function () {
        $('#ChangeToggle').click(function () {
            $('#navbar-hamburger').toggleClass('hidden');
            $('#navbar-close').toggleClass('hidden');
        });
    });

    $(document).on('click', function () {
        $('.collapse').collapse('hide');
        $('#navbar-hamburger').toggleClass('show');
        $('#navbar-close').toggleClass('hidden');
    })
</script>

Answer 1

创建custom.js文件，并将您的代码粘贴到该文件中，然后从custom.js中删除<script> 在custom.js中，无需将脚本用<script type="text/javascript"></script>括起来，因此请将其删除。

在您的主页<script src="YOUR_PATH/custom.js"></script>

中包含此文件

Answer 2

检查模块模式。基本上，您必须将所有这些功能放在一个对象或一个自调用功能中，然后将其放在您的自定义文件中。导入该文件，您将在使用它的源代码中提供这些功能。尽管您可能必须确保其中的元素引用可用。

https://coryrylan.com/blog/javascript-module-pattern-basics

如何将多个jquery函数组合到单个自定义jquery文件

2 个答案: