5

要素のハイパーリンクやマウスホバー時のリンクの強調表示などの他の機能を維持しながら、JointJSダイアグラムの要素とリンクの移動を無効にしたいと考えています。次のリンクを参照しました : https://groups.google.com/forum/#!searchin/jointjs/drag/jointjs/R0KZwKqfRbI/rGLJz3t4Un0J $20のみ/jointjs/o8CKU6N7EOI/1KGNFCQQHGUJを読む

しかし、彼らは私を助けませんでした。私が試した： paper.$el.css('pointer-events', 'none'); しかし、それはすべてを無効にします。要素とリンクのドラッグのみを無効化したい

4

4 に答える 4

17

2番目のリンクよりもあなたを正しく理解していると仮定すると、答えが得られるはずです. 紙を非インタラクティブにするだけです。

var paper = new joint.dia.Paper({
    el: '#paper',
    width: 500,
    height: 500,
    gridSize: 1,
    graph: new joint.dia.Graph,
    interactive: false
});

これにより、強調表示機能を維持しながら、要素/リンク/頂点の移動が無効になります。

于 2014-09-12T17:29:45.223 に答える
2 
paper.$el.css('pointer-events', 'none');

紙上のすべての動きを無効にします。特定の要素の移動を無効にしたい場合に使用します。

element.attr({rect:{style:{'pointer-events':'none'}}});

詳細はこちら：joinjsで要素を「選択不可」にする

于 2016-03-08T04:27:43.260 に答える