2016-07-26 5 views
1

AngularJS指示文でサイトスコープノード用のqtipツールチップを作成しようとすると、エラーメッセージUncaught TypeError: qtip.$domEle.qtip is not a functionが発生しました。

私のコードは次のようになります。

function graphDirective() { 
    return { 
    restrict: 'E', 
    templateUrl: 'app/graph/graph.html', 
    link() { 
     const cytoscape = require('cytoscape'); 
     const jquery = require('jquery'); 
     const cyqtip = require('cytoscape-qtip'); 
     cyqtip(cytoscape, jquery); 

     const cy = cytoscape({ 
     container: document.querySelector('graph #cy') 
     }); 

     cy.add({ 
     nodes: [ 
      { 
      data: { 
       id: 'test' 
      } 
      } 
     ] 
     }); 

     cy.$('#test').qtip({ 
     content: 'Hello!' 
     style: { 
      classes: 'qtip-bootstrap' 
     }); 
    } 
    }; 
} 

export default graphDirective; 

私はすでにthis quite similar threadを経ていますが、jQueryのはcytoscape.js-Qティップ前CommonJSを経由して必要とされるように、この解決策はあまりうまく適合しません。

誰でもこれを解決する方法を知っていますか?前もって感謝します。

編集:コード例でタイピングエラーが修正されました。

cy.$('test') 

これはおそらくどちらかでなければなりません:

cy.$('#test') 

...あなたはそれがIDだことにより、ノードを探している場合

+1

問題を再現するために、ここでの十分な情報はありません。角度のない簡単な設定で問題を再現してください。また、JsbinやCodepenなどで問題を再現する完全なサンプルを作成してください。完全な例で問題を再現でき、問題があなたのものではない場合は、拡張の問題トラッカー – maxkfranz

答えて

0

は、私はあなたの選択に問題があると思います。または:

cy.$('.test') 

...クラスごとにノードを探している場合。セレクタの詳細について

http://js.cytoscape.org/#selectors

+0

ありがとう、あなたの答えをありがとう、これはちょうどエラーを引き続き発生するので、コード例の一般化中に入力エラーが入れられています。あなたは他の考えを持っていますか? – kingmarv

+0

JSBinなどで実行中のサンプルを投稿してもらえますか? – peteorpeter

関連する問題