Uncaught TypeError: undefined is not a function in simplePagination.js

Question

我尝试使用 js 文件在我的网页中包含分页，但它显示在浏览器控制台 TypeError: $(...).pagination is not a function 它可能有什么问题/问题？ 注意：我正在使用 require.js 来加载脚本。 请重播，提前谢谢 这是我的名为 testPagination.js 的 require 模块

 define(['jquery','pagination'], function($,pagination) {
        /* GET DATASOURCE FROM HIDDEN FIELD */
        function Hello() {
            alert('helo...!!!');
        }

        function loadPagination(total)
        {
            alert("PAGINATION CALLED");
            $('#listing-paginationtest').pagination({
                items : total,
                    itemsOnPage : 10,
                    cssStyle : 'dark-theme',
                    onPageClick : function(pageNumber) {
                    }
            });
            alert("PAGINATION END");
        }

        return {
            Hello:Hello,
            loadPagination:loadPagination
        };
    });

我在 main.js 中像这样调用这个模块方法

 require.config({

        baseUrl : "js",

        paths : {

            "text" : "libs/require/plugins/text",
            "jquery" : "libs/jquery/jquery",
            "blockUI" : "libs/jquery/plugins/jquery.blockUI",
            "pagination" : "libs/jquery/plugins/jquery.simplePagination",
            "cookie" : "libs/jquery/plugins/jquery.cookie",
            "backbone" : "libs/backbone/backbone",
            "underscore" : "libs/underscore/underscore",

            // BACKBONE MODELS
            "models" : "models/models",
            "templates" : "../templates",
            "plugins" : "libs/jquery/plugins",
            "pages" : "pages",
            "util" : "modules/store/util",
            "store" : "modules/store/main",

            // MODULES
            "datasourceModule" : "modules/datasourceModule",
            "cookieModule" : "modules/cookieModule",
            "testPagination":"modules/testPagination"
            "bootstrap" : "../design/js/bootstrap.min",
        },
        waitSeconds: 200,
        shim : {

            'jquery' : {

                exports : '$'
            },

            'backbone' : {

                deps : [ 'underscore', 'jquery' ],
                exports : 'Backbone'
            },

            'underscore' : {

                exports : '_'
            },

            'models' : {

                deps : [ 'backbone' ],
            },


            'datasourceModule' : {

                deps : [ 'jquery', 'backbone', 'models' ]
            },

            'store' : {

                deps : [ 'backbone' ],
            },

            'testPagination' : {

                deps : [ 'jquery' ]
            },
            // DESIGN
            'bootstrap' : {

                deps : [ 'jquery' ]
            },

        }
    });

        function loadPageNumbers() {
            alert("Hi hi");
            require([ "jquery", "testPaginationModule"],

            function($, testPaginationModule) {
                testPaginationModule.loadPagination(1000);
            });
        }

Answer 1

如果您使用“添加全局变量”方法的库，则需要configure RequireJS to properly handle them。否则，它们会以不确定的顺序异步加载。

requirejs.config({
    shim: {
        'jquery': {
            exports: 'jQuery'
        },
        'pagination': ['jquery']
    }
});