1

tipsoというツールチップ プラグインを使用しようとしています。そして、依存関係マネージャーとして browserify と共に angular を使用しています。

このプラグインを除いて、私はすべてうまくいっています。browserify ではあらゆることが少し難しくなっていますが、これは悪夢に変わりつつあるようです。

私はかなり単純なtipsoのドキュメントに従いました。Uncaught TypeError: $(...).tipso is not a functionしかし、アプリを実行すると、Chrome コンソールにそのことを示すエラー メッセージが表示され続けます。

これは私のbroserify-shim構成です

   "browserify-shim": {
   "jquery": "$",
   "bootstrap": {
     "depends": [
       "jquery"
     ]
   },
   "tipso": {
       "depends": [
           "bootstrap"
       ]
    }
  }

ヒントが必要です

var tipso = require('tipso');

これがtipsoを初期化した方法です

//runs when DOM is completely loaded
angular.element(document).ready(function ($http, $rootScope) {    
    $('.tipso').tipso();
});

任意の提案をいただければ幸いです。

4

2 に答える 2

0

$(...).tipsoエラーのように使用していて$、Browserify Shim 構成に従って jQuery が必要な場合は、Tipso が jQuery プラグインであると想定しています。次のように、これが jQuery に依存することを指定する必要があります。

 "browserify-shim": {
   "jquery": "$",
   "bootstrap": {
     "depends": [
       "jquery"
     ]
   },
   "tipso": {
       "depends": [
           "jquery",
           "bootstrap"
       ],
    "exports": "$.fn.tipso"
    }
  }
于 2016-04-29T15:13:15.007 に答える