問題タブ [jsplumb]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
512 参照

javascript - JsPlumbライブラリを使用して2つのdivの閉ループを形成する

私は絶対位置の2つのdivを持っています:

各ブロックには、ソースエンドポイントとターゲットエンドポイントがあります。

各ブロックのソースエンドポイントを別のブロックのターゲットエンドポイントにリンクしたいのですが、リンクできません。最初のブロックのソースエンドポイントを2番目のブロックのターゲットエンドポイントにリンクすると、2番目のブロックのソースエンドポイントが機能しなくなります。

誰かが私がどこで間違っている可能性があるか知っていますか?

0 投票する
2 に答える
6715 参照

javascript - JsPlumb - ドラッグ可能な要素で使用すると、エンドポイントの位置が更新されない

jsPlumbと JQuery の使用を開始しました。ドラッグ可能な要素を接続したいのですが、接続の前にドラッグ可能な動作を追加すると、接続の位置が更新されません。

私のコード:

0 投票する
1 に答える
4973 参照

jquery - JsPlumb を使用して jQuery UI ダイアログを線で接続する

私は jsPlumb と呼ばれる jQuery プラグインを使用しています - http://jsplumb.org/jquery/demo.htmlで、jQuery UI ダイアログを jsPlumb によって生成された行に接続したいと考えています。しかし、私はそれを行う方法を理解できません。

私はこのソースを持っています:

jQuery UIでこのdivからダイアログを作成すると

そして、私は鉛直します:

そのバグ :-D このように見えますhttp://prntscr.com/2udde

プロセスを逆にしようとしました。最初に em を配管してからダイアログを使用しました。結果はhttp://prntscr.com/2udefです。

ここに画像の説明を入力

次に、UI によって作成された div を plumb しようとしましたが、機能していません...

次に何ができますか?ページ上の 2 つの要素を線で接続する必要があり、要素の 1 つを移動すると移動しますが、jsPlumb よりも優れたものを見つけることができません。

0 投票する
1 に答える
1214 参照

jquery - JsPlumb で作成された図 - モバイル デバイスの代替手段は何ですか?

簡単な図を表示するにはjsPlumbが好きです。

しかし、私たちにとっての 1 つの問題は、jsPlumb がモバイル デバイスでうまく機能しないことです。たとえば、モバイル デバイスでテキストエリアの 1 つを移動しようとすると、PC のように移動できません。私の質問: モバイル デバイスに使用できる代替または類似のパッケージはありますか? おそらく、jquery mobile のパッケージでしょうか。ありがとう

0 投票する
5 に答える
12286 参照

javascript - jsPlumb でフローチャートを保存して読み込む

jsPlumbでフローチャートを保存およびロードするための最良の方法は何ですか?

0 投票する
1 に答える
2205 参照

html - JsPlumbのendPointsは、ドラッグ時にスクロールオーバーフローでコンテナ内で更新されません

ドラッグ可能なレイヤーが2つあり、それらの間にはJsPlumbライブラリに基づく接続があります。実例はここにあります。写真はここにあります:

ここに画像の説明を入力してください

これらのレイヤーが本体に配置されている場合は問題ありませんが、別のレイヤー(つまりコンテナー)内に配置するとoverflow: auto OR scroll;、問題が発生し始めます。コンテナの表示領域の外側にレイヤーを移動すると、ドラッグ可能なレイヤーの端点はドラッグ可能なレイヤーと一緒に移動せず、代わりにコンテナの境界で停止します。

JsPlumbライブラリの作成者は、ここでJsPlumb 1.2.xバージョンのこの問題を解決しましたが、残念ながら、このスクリプトはJsPlumb1.3.xでは機能しなくなりました。この問題をどのように解決できるか知っている人はいますか?私(そして多くの開発者)は本当にこの問題を解決する必要があります(まだ解決されていない場合は、グーグルで検索して有用なものが見つからなかったため)。

0 投票する
1 に答える
2327 参照

jquery - jsPlumb を使用して 2 つのオブジェクト間に 2 つの異なる線を引く方法

Div1 と Div2 の 2 つの div があり、Div1 から Div2 と Div2 から Div1 のような 2 つの線を描画したいと考えています。jqueryにjsPlumbを使用してコネクタを描画しています。双方向であることを示す矢印付きの 1 本の線のみを描画します。要件は、2 つの異なる行を表示することです。jsPlumbでそれを行う方法はありますか?

0 投票する
1 に答える
3771 参照

javascript - ドラッグ可能なdivをjsPlumbに接続する方法は?

jsPlumbを使用して2つのドラッグ可能なdivを接続したいと思います。ただし、jsPlumb.Draggable関数を使用すると、エンドポイントのみがドラッグ可能になります(div自体ではありません)。これが私がやろうとしていることのフィドルです。

http://jsfiddle.net/rishabhsagar/PsytV/36/

0 投票する
1 に答える
1549 参照

javascript - div がアニメーション化されている場合、jsPlumb が EndPoints を正しく追加しない

ノード div がアニメーション化されている場合、jsPlumb は EndPoints を正しく配置していないようです。端点は (最初は) [0,0] に配置され、移動する div には接続されません。

div をドラッグすると、端点が更新され、div に正しくアタッチされます。問題はこのフィドルで実証されています。

http://jsfiddle.net/rishabhsagar/aT63t/27/

助けてください!

0 投票する
1 に答える
857 参照

javascript - デフォルト以外のインスタンスを使用すると JsPlumb が接続を確立しない

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

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

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

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

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