7

私は backbone+requirejs+jquery を使用していますが、現在の html ページ (backbone html テンプレートを正確に) に読み込む jquery プラグインに問題があります。

私の必要な構成があります：

require.config({

  paths: {
    // ... some code about backbone config
    jquery: '/js/lib/jquery/jquery.min',
    'jquery.camera' : '/js/jquery/jquery.camera'
  },

  shim: {
    // ... some code about backbone config
    'jquery.camera': ['jquery']  
  }
});

私のレイアウトhtmlページには次のものがあります：

<script type='text/javascript' src='/js/jquery/jquery.camera.js'></script>

私のテンプレートページには次のものがあります：

<script type="text/javascript">
  jQuery(function() {

    jQuery('#test').camera({
...
</script>

最後に、ブラウザのメッセージ:

Uncaught TypeError: Object [object Object] has no method 'camera'

何か考えはありますか？

同時に、別の質問があります。バックボーン、requirejs などを使用して、現在のページにいくつかの js コードを含める最良の方法は何ですか?

ありがとう ：）

4

1 に答える 1

18

私はこのような同様の問題（Jquery.cookie）を解決しましたが、私の問題は、Jqueryが読み込まれ、次にJquery.cookieが含まれていましたが、静的リソースとしてJQueryがすでに必要であるということでした。

したがって、このようにJquery.Cookieをアプリケーションに渡し、アプリケーションスコープにのみjquery.cookieを挿入します。

require.config({

  paths: {
      'async'           : 'libs/async'
      ,'jquery'         : 'libs/jquery'
      ,'underscore'     : 'libs/underscore'
      ,'backbone'       : 'libs/backbone'
      ,'text'           : 'libs/text'
      ,'jquery.cookie'  : 'libs/jquery.cookie'   // <-- cookie lives here
  }

  ,shim: {
    'jquery': {
      exports: '$'
    }
    ,'underscore': {
      exports: '_'
    }
    ,'backbone': {
      deps: ['underscore', 'jquery'],
      exports: 'Backbone'
    }
    ,'jquery.cookie': {     //<-- cookie depends on Jquery and exports nothing
        deps: ['jquery']
    }
  }
});

次に、メインのAppクラスに追加しました

require([
  'jquery'
  ,'underscore'
  ,'backbone'
  ,'mapApp'
  ,'jquery.cookie'   //<- this is the real trick !!!
],
  function ($, _, Backbone, App) {

この後、jquerycookieを見つけることができました。

ところで：Require.jsスコープ外で使用しない限り、Require.jsを使用してフェッチする場合は、htmlにJQuery.cameraをインポートする必要はありません。

于 2012-10-11T14:13:25.297 に答える