問題タブ [jquery-ui-draggable]
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.
jquery - contentEditableを使用して要素で「draggable」を有効にするにはどうすればよいですか?
jQuery UIを使用して、同時に編集可能でドラッグ可能なdivが必要です。コンテンツの編集可能性は、ドラッグ可能が有効になっていない場合にのみ機能するようです。私は何かが足りないのですか?jQuery1.4.4とjQueryUI1.8.9を使用しています
JavaScript:
HTML:
jquery - jQueryUIドラッグ可能/ソート可能-新しいアイテムへの参照を取得します
プロジェクトのベースとして、jQuery UI Draggable / Sortableデモ(http://jqueryui.com/demos/draggable/#sortable)を使用しています。<li>
ソータブルがそれを受け取ったときにソータブルに複製されるへの参照を取得する必要があります。並べ替え可能な受信イベントを試しましたが、それは元のドラッグ可能なオブジェクトへの参照のみを提供し、<li>
そのクローンは提供しません。
jquery - IEAJAXの更新後にJqueryドラッグ可能が停止します
ボタンをクリックしてテキストから画像を作成し、その画像を親div要素のドラッグ可能なdivに追加するWebページがあります。divは更新パネルにあります。このイベントの後、divはドラッグ可能です。別の画像->テキストを追加すると、HTMLを一時的に保存し、その位置でdivを再作成する別のボタンがあります。ただし、このイベントの後、すべての古いdivはドラッグプロパティを失い、追加された最後のdivは引き続きドラッグ可能なプロパティを保持します。
これが私の現在の機能です。提案してください !これはFirefoxとChromeで完全に機能します。問題はIEでのみ発生します。
jquery - Jquery UI のドラッグ可能 - ピクセルの代わりにパーセントを使用する
jq-ui ドラッグ可能に問題があります。
DIV (自宅の PC では 1680x1024) を右/下隅にドラッグし、位置を保存します (左:125px; 上:1536px;)。すべて正常に動作します。しかし、ネットブック (1024x768) に切り替えると、愚かなスクロールバーが表示されます。問題は、異なる画面サイズです。
jquery ui draggable() および resizeable() でピクセルの代わりにパーセントを使用することは可能ですか?
前もって感謝します!
ピーター
javascript - JqueryUI Draggable - 親コンテナの自動サイズ変更
2 つの div があり、一方が他方の中にあります。外側の div (コンテナー) は任意のサイズです。内側の div は、そのコンテナーよりも小さい指定されたサイズに設定されます。
jquery draggable を内側の div に適用しました。内側の div をコンテナーの外縁を越えてドラッグすると、親コンテナーのサイズを自動的に変更しようとしています。どうすればこれを行うことができますか?
新しい質問をするとき、StackOverflow で同様の機能が見られます。質問を入力するためのテキストエリアには、テキストエリアのサイズを変更する「grippie」という名前の div があります。これはまさに私が探している機能ですが、テキストエリアの代わりに div を使用しています。
jquery - jquery-ドラッグアンドドロップテーブル
jqueryで、行の代わりにテーブルのドラッグアンドドロップを行う方法は?
var rows = table.tBodies[0].rows;
行の取得のみを使用 する。
しかし、テーブルをドラッグアンドドロップする必要があります。
jquery-ui - スナップ時にjQuery UIのドラッグ可能な要素の「スナップ先」要素について調べる方法
私は、他の要素にスナップする必要があるいくつかのドラッグ可能な要素に取り組んでい".classes"
ます"#class_id"
. ドラッグ可能な要素のドラッグが完了したら、ドラッグ可能な要素がどの「.classes」にスナップしたかを調べたいと思います。
ドラッグされた要素の現在の位置に基づいて最も近い要素を計算できると思いますがjQuery
、スナップが機能することを確認するために何らかの変数を保持する必要があるため、力ずくよりも簡単な方法があるはずです。
助言がありますか?ありがとう!
jquery - jqueryドラッグ可能な親をクリックしてドラッグを開始できますか?
このようなマークアップがあります
このようなJSで:
ユーザーonmousedown
が発砲すると、マウスダウンがある場所#colorpicker-background
に移動#colorpicker-selector
します。問題は、セレクターがカーソルの下にあるにもかかわらず、ユーザーがドラッグを続行できないことです。
#colorpicker-selector
私が読んだあらゆる種類の投稿に基づいて、ドラッグ、ドラッグスタート、マウスダウン、マウスダウン.ドラッグ可能をトリガーしようとしましたが、運がありません。
ここの別のユーザーも同じ問題を抱えていましたが、それは6か月前のもので、回答がなく、jQueryのバージョンが異なります(それ以来多くの更新があったため):jquery start drag object when clicked on the other
jquery - プログラムでドラッグ可能な動作をトリガーする方法
jQueryで「2dスライダー」を作成しました。このスライダーでは、バウンディングボックス内の「ハンドル」をドラッグして2つのパラメーターを同時に操作します。
親div内に「handle」divをネストし、jQueryUIプラグインを使用してドラッグ動作を容易にすることでこれを実装しました。htmlは次のようになります。
jQueryは次のようになります。
また、親div内のクリックの場所にハンドルを再配置するコードをいくつか作成しました。
上記のメソッドを変更して、ユーザーが親divのどこかをクリックし、ハンドルをクリック位置に再配置してから、マウスボタンを離さずにハンドルのドラッグを開始できるようにします。基本的に、ドラッグ機能をプログラムでトリガーする方法を理解する必要があります。
私はこことここでいくつかの提案を見つけ、上記の方法を次のように変更することによってそれらの推奨事項を実装しようとしました:
これは最も技術的な意味で機能しますが、非常に遅く、Safariから「RangeError:最大呼び出しスタックサイズを超えました」というエラーメッセージが大量に表示されます。私が考えているのは、ハンドルでイベントをトリガーすると、親にバブルが発生し、親がトリガーを再度呼び出すということです。.trigger()呼び出しの前後にevent.stopPropagationをコードにスローすることでバブリングを止めようとしましたが、役に立ちませんでした。
ですから、これを機能させる方法について誰かが何か提案があれば、私は本当に感謝しています。ここにバックアップ計画がありますが、これは不必要に複雑に思えます。
ありがとう!
jquery-ui - ドラッグ可能でサイズ変更可能な要素の位置を保存するにはどうすればよいですか?
ユーザーが HTML ページを作成して、別のサイトで保存および共有できるサイトを構築しています。ページ要素のサイズ変更とドラッグができるようにしたい。jQueryを使用してこれを行うことができますが、それを保存して、ページが他の場所で表示されたときに同じように見えるようにする方法がわかりません。
ページ情報を保存する方法はまだ決めていませんが、データベース内の各要素をその絶対位置とその内容と共に保存できると考えています。それは良い計画のように聞こえますか?
もしそうなら、保存できるように div の位置を php に渡すにはどうすればよいですか?
ありがとう。