キャンバスごとに jsPlumb の個別のインスタンスを使用します。Continious アンカーや StateMachine コネクタなどの新機能を使用しています。しかし、私は次の問題に直面しています：

• まず、特定のデフォルトで新しいインスタンスを開始しましたが、それらが適用されていません。
• 2 つ目は、ドロップ時に接続が確立されないことです。スコープが問題の理由だと思いましたが、違います。

上記の問題を再現できるhttp://jsfiddle.net/CjBdX/34/の例を次に示します。(デモを使用する前に開始アンカーをクリックしてください) _default jsPlumbInstance を 1 つだけ使用すると、すべて正常に動作するように見えます。

このコードが機能しない理由を見つけてください。

事前にどうもありがとうございました！

jsplumbを使ってフローチャートエディタを作っています。jsplumb のフローチャート コネクタ デモでは、div の片側からドラッグ アンド ドロップ接続を作成できました。その div を受け入れて、4 つの側面すべてから接続を作成したいと考えています。

ありがとう。

jsPlumb フォーラムはどこにもないので、ここの誰かが助けてくれることを願っています。

JSON-API から取得したデータからこのグラフを生成したいのですが、この API が提供するのは、名前と複数のシンク/ソースを持つ「デバイス」です。最初の行。

そこで、JQuery を使用してこれらの div を生成し、必要な jsPlumb エンドポイントをデバイスに追加しようと考えました。残念ながら、既存の div のエンドポイントのみを動作させることができますが、動的に生成されたものは動作しません。Firebug は addEndpoint 関数で「myOffset is null」というエラーを表示しますが、実際には何も問題はありません。

ここでフィドルを作成しました：http://jsfiddle.net/2mcD2/4/

1 つのページに複数のグラフ (jsPlumb に基づく) を表示しようとすると、この問題が発生します。使用可能なスペースに関係なく、各グラフを 1 つの行に並べて配置したいので、テーブルを使用しています (float:left で div を使用した場合、十分なスペースが使用できない場合、div の一部は別の行に移動します)。行）。

各テーブル セルには、2 つ以上のノード div を含むメイン div が含まれます。jsPlumb が機能する方法は、ノードごとに個別の div を作成することです。各ノードを親 div に対して特定の左上に配置する必要があります。

私が抱えている問題は、各テーブルセルのメインgraphDivがそのコンテンツに合わせて拡張されないことです。一部のグラフ ノード div は、その外側にあります。「絶対」に配置されたdivがある場合、それらは考慮されないことを理解しています。しかし、私は上/左の座標を持つ「相対」配置の div を使用しています。同じことが当てはまりますか？もしそうなら、table-cell/graphDiv を拡張してそのコンテンツをカバーする最善の方法は何でしょうか? (私はすべての明確な修正を試み、すべてのスタックオーバーフロー関連の投稿を調べましたが、解決策を見つけることができませんでした)。

私が設定した jsfiddle ページへのリンクは次のとおりです: http://jsfiddle.net/7QkB2/28/

jsplumb を使用して、ユーザーが多数の div を接続できるようにしています。すべてのコネクタの最終状態を照会して、状態をサーバーに保持できるかどうかを知りたいです。div にはすべて、接続を照会するときに取得したい ID があります。

助けやアドバイスをありがとう。

jsPlumb を使用して、多数の div を接続しています (フローチャートのように)。すべての div は、スクロール可能な 1 つの親 div に含まれています。以下のコードのようなものですが、コンテナー div 内により多くの div があります。

私の問題は、div をスクロールすると、jsPlumb によって生成された接続線がそのまま残り、接続されているはずの div と一緒にスクロールしないことです。jsPlumb.repaint() を使用してみましたが、まだ運がありません。jsPlumb は、caontainer div のスクロール オフセットを考慮していないようです。これを修正する方法はありますか？接続されている div をコンテナー div から body に移動する必要がないようにしたいのは、これには非常に面倒な css/html の再コーディングが必要になるためです。

このようなインターフェースを作りたい

これがユーザーができることです

1-人を互いに接続する2-各人に関する情報を表示する（バルーン）3-接続を失うことなくこれらのオブジェクトを移動する

次に、ajaxを使用してこれらの接続情報を保存し、誰が誰に接続しているかを確認できるようにします。また、ユーザーが次にページを表示したときに、これらの図を再描画する必要があります。

jsPlumb、paperjs、およびraphaelはすべてこれを実行できるようで、さらに多くのことができるようです。私の質問は、どちらがこのニーズに適しているかということです。

接続可能なアイテムまたは指定された要素 (例: 'item' クラスの要素) を交差させないように jsPlumb フローチャート コネクタを作成することは可能ですか?

デフォルトのフローチャートの動作:

望ましい結果:

これが私が試したことです：

http://jsfiddle.net/CcfTD/1/

明確にするために編集

HTML

JS

基本的に、jsPlumb エンジン (SVG またはキャンバス) に関連する DOM 要素を認識させ、オブジェクト回避スキームを持たせる

http://jsfiddle.net/adardesign/2ZFFc/

jsplumb を使用して、スクロール可能な 2 つの並列リスト内の項目間のリンクを描画したいと考えています。たとえば、overflow=auto の div 内です。2 つのアイテムがリンクされている場合、リストがスクロールされ、そのうちの 1 つがスクロールされて表示されなくなります。div の外側にある jsplumb リンクの部分は引き続き描画されます。以下はページの例です (スクリプト インクルードに示されているように、同じディレクトリに jquery js ファイルと jsplumb js ファイルが必要です)。

表示されるべきではない行 (または行の一部) をクリップ/非表示にするためにさまざまな z-index トリックを試しましたが、うまくいきませんでした。jsplumbなどを使用して、誰かがそれに対処する方法を提案したり、別のアプローチを提案したりできますか?

ご意見をお寄せいただきありがとうございます。

java、ror、.NET などのリスト要素で構成される div 要素があります。

現在の div 要素から別の div 要素に Java のみを想定して、特定のリストをドラッグしたいと思います。