問題タブ [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.
javascript - JsPlumbライブラリを使用して2つのdivの閉ループを形成する
私は絶対位置の2つのdivを持っています:
各ブロックには、ソースエンドポイントとターゲットエンドポイントがあります。
各ブロックのソースエンドポイントを別のブロックのターゲットエンドポイントにリンクしたいのですが、リンクできません。最初のブロックのソースエンドポイントを2番目のブロックのターゲットエンドポイントにリンクすると、2番目のブロックのソースエンドポイントが機能しなくなります。
誰かが私がどこで間違っている可能性があるか知っていますか?
javascript - JsPlumb - ドラッグ可能な要素で使用すると、エンドポイントの位置が更新されない
jsPlumbと JQuery の使用を開始しました。ドラッグ可能な要素を接続したいのですが、接続の前にドラッグ可能な動作を追加すると、接続の位置が更新されません。
私のコード:
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 よりも優れたものを見つけることができません。
jquery - JsPlumb で作成された図 - モバイル デバイスの代替手段は何ですか?
簡単な図を表示するにはjsPlumbが好きです。
しかし、私たちにとっての 1 つの問題は、jsPlumb がモバイル デバイスでうまく機能しないことです。たとえば、モバイル デバイスでテキストエリアの 1 つを移動しようとすると、PC のように移動できません。私の質問: モバイル デバイスに使用できる代替または類似のパッケージはありますか? おそらく、jquery mobile のパッケージでしょうか。ありがとう
javascript - jsPlumb でフローチャートを保存して読み込む
jsPlumbでフローチャートを保存およびロードするための最良の方法は何ですか?
html - JsPlumbのendPointsは、ドラッグ時にスクロールオーバーフローでコンテナ内で更新されません
ドラッグ可能なレイヤーが2つあり、それらの間にはJsPlumbライブラリに基づく接続があります。実例はここにあります。写真はここにあります:
これらのレイヤーが本体に配置されている場合は問題ありませんが、別のレイヤー(つまりコンテナー)内に配置するとoverflow: auto OR scroll;
、問題が発生し始めます。コンテナの表示領域の外側にレイヤーを移動すると、ドラッグ可能なレイヤーの端点はドラッグ可能なレイヤーと一緒に移動せず、代わりにコンテナの境界で停止します。
JsPlumbライブラリの作成者は、ここでJsPlumb 1.2.xバージョンのこの問題を解決しましたが、残念ながら、このスクリプトはJsPlumb1.3.xでは機能しなくなりました。この問題をどのように解決できるか知っている人はいますか?私(そして多くの開発者)は本当にこの問題を解決する必要があります(まだ解決されていない場合は、グーグルで検索して有用なものが見つからなかったため)。
jquery - jsPlumb を使用して 2 つのオブジェクト間に 2 つの異なる線を引く方法
Div1 と Div2 の 2 つの div があり、Div1 から Div2 と Div2 から Div1 のような 2 つの線を描画したいと考えています。jqueryにjsPlumbを使用してコネクタを描画しています。双方向であることを示す矢印付きの 1 本の線のみを描画します。要件は、2 つの異なる行を表示することです。jsPlumbでそれを行う方法はありますか?
javascript - ドラッグ可能なdivをjsPlumbに接続する方法は?
jsPlumbを使用して2つのドラッグ可能なdivを接続したいと思います。ただし、jsPlumb.Draggable関数を使用すると、エンドポイントのみがドラッグ可能になります(div自体ではありません)。これが私がやろうとしていることのフィドルです。
javascript - div がアニメーション化されている場合、jsPlumb が EndPoints を正しく追加しない
ノード div がアニメーション化されている場合、jsPlumb は EndPoints を正しく配置していないようです。端点は (最初は) [0,0] に配置され、移動する div には接続されません。
div をドラッグすると、端点が更新され、div に正しくアタッチされます。問題はこのフィドルで実証されています。
http://jsfiddle.net/rishabhsagar/aT63t/27/
助けてください!
javascript - デフォルト以外のインスタンスを使用すると JsPlumb が接続を確立しない
キャンバスごとに jsPlumb の個別のインスタンスを使用します。Continious アンカーや StateMachine コネクタなどの新機能を使用しています。しかし、私は次の問題に直面しています:
- まず、特定のデフォルトで新しいインスタンスを開始しましたが、それらが適用されていません。
- 2 つ目は、ドロップ時に接続が確立されないことです。スコープが問題の理由だと思いましたが、違います。
上記の問題を再現できるhttp://jsfiddle.net/CjBdX/34/の例を次に示します。(デモを使用する前に開始アンカーをクリックしてください) _default jsPlumbInstance を 1 つだけ使用すると、すべて正常に動作するように見えます。
このコードが機能しない理由を見つけてください。
事前にどうもありがとうございました!