Uncaught TypeError : undefined가 simplePagination.js의 함수가 아닙니다.

Question

js 파일을 사용하여 웹 페이지에 페이지를 포함 시키려고했지만 브라우저 콘솔에 표시되었습니다. TypeError: $(...).pagination is not a function 가능한 문제점/문제점은 무엇인가요? 참고 :로드 된 스크립트를 가져 오기 위해 require.js를 사용하고 있습니다. 내이 testPagination.js

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'] 
    } 
});