問題タブ [jquery-resizable]

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 に答える
2430 参照

jquery - サイズ変更可能なjQueryの問題(スクロールを使用した相対div内の絶対divの)

私は次の基本的なレイアウトを持っています:

セレクターdivがコンテンツ内の領域をマークしており、その領域のサイズを変更できるという考え方です。

そして、サイズ変更可能なセレクター:

ここで確認できる問題(http://jsfiddle.net/sXqbV/2/)は、コンテナーが水平方向にスクロールされたときに発生しています。

divのサイズが変更されると(右端をわずかにドラッグすることにより)、左の位置が(スクロール位置に対して)縮小されます。

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

縦スクロールでも同様の問題がありましたが!important、トップスタイルに追加することで解決しました。左からのサイズ変更も必要になるので、左の位置ではできません。

この問題を解決するにはどうすればよいですか?

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

javascript - Jquery-uiサイズ変更可能なプラグインが機能しない

一体何が間違っているのですか?

jsfiddleのコードは次のとおりです:http://jsfiddle.net/dAHt8/

サイズ変更可能なプラグインがサイズ変更可能にならないのはなぜdivですか?

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

javascript - ドラッグされているエッジに応じて、Jqueryサイズ変更プラグインの最小幅

重複の可能性:
Jquery のサイズ変更可能なプラグイン、ドラッグするエッジに応じて minWidth を設定

要素のどの端がドラッグされているかに応じて、minWidth と高さを設定するにはどうすればよいですか?

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

jquery - 高さのサイズ変更時に JQuery UI resizable() が幅を変更する

ここでサイズ変更に問題があります。.resizable()次のcssを使用して、divでJQueryを使用しています:

また、他の多くの div やその他のものも含まれています。私はこのように添付しresizableます:

今のwidgetResizeListener()ところ、コンソールに何かを記録するだけです。

横にドラッグしてdivの高さを変更しようとするとui-resizable-s、自動的にdivの幅が約30px. ドラッグを開始するたびに発生します。そのため、毎回必要な幅が失われます。幅を変更すると、高さでも同じことが起こります。

それは私のdivのパディングのせいなのだろうか?以前は、パディングがない場合、そのような「ジャンピー」は発生しませんでした。本当に必要なため、パディングを削除できません。では、この問題はどのように解決できるのでしょうか。JQuery resizable()にパディングを含める方法はありますか?

どんな助けでも感謝します、ありがとう...

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

jquery - jquery-DOMを動的に操作した後にサイズ変更が機能しない

私の場合、いくつかのdivタグとimgタグがあります。ドラッグ可能でサイズ変更可能な操作をdiv要素のみに適用しています。

機能の1つに、選択した要素を動的に削除する「要素の削除」機能があります。すべてが機能します。delete関数の呼び出し後、サイズ変更とドラッグが再び機能するように、イベントバインディングを再度実行しています。ドラッグ可能は正常に機能しますが、サイズ変更は機能しません。

resizable( "destroy")。resizable()を呼び出すなど、多くの組み合わせを試しましたが、何も機能しません。domから生成された実行時のhtmlは少し奇妙に見えます。

画像を削除し、dragClassdivがページに存在する場合に問題が発生します。その場合、dragClass divは、サイズ変更可能になるように機能しなくなります。plsはこの問題を修正するためのいくつかのアイデアを提案します。

これがjsFiddleデモリンクです。

次に例を示します。-

js:-

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

jquery - Jquery UIのサイズ変更可能な問題は、封じ込めを超えて拡大します(ドラッグ可能も使用されます)

私が直面している問題は、divのサイズ変更可能性にあります。Draggableで使用すると、問題が発生し、幅方向にサイズを変更できません。

サイズ変更可能なものを単独で使用する場合は、問題ありません。しかし、ドラッグ可能な機能で動作させる必要があります。

plsは提案します。

デモのjsFiddleリンクをクリックします。

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

jquery - Jquery UI - 動的に追加された、サイズ変更可能でドラッグ可能な div がコンテインメントの外に出ています

Plsはフィドルのデモリンクを通過します。ユーザーが新しいテキストを ParentDIV に追加すると、新しく追加されたレイヤーが親レイヤーのサイズを超えます。

ボタンを 3 ~ 4 回クリックしてみると、新しいテキスト レイヤーが親レイヤーの外側にあることがわかります。

新しく追加されたレイヤーをレイヤー内に閉じ込めることはできますか? JqueryUI コントロールにロジックはありますか?

助けてください。

jsFiddle デモリンク

0 投票する
3 に答える
4886 参照

javascript - Jquery UI - クリックされた div で keypress イベントを動的にバインドします

jsFiddle デモリンク

こんにちは、上記のデモにあるように、div レイヤーをクリックしたときに keypress イベント ハンドラーをバインドしたいと考えています。機能は、削除キーを使用して選択したレイヤーを削除することです。

しかし、削除キーを押してもキープレス ハンドラが起動しません。提案してください。

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

jquery - JQuery UI-resizable('destroy')がsetTimeoutfnで機能しない

これがjsFiddleデモリンクです。

5秒後にアラートが発生するのを確認できますが、破棄が機能していません。

plsは提案や代替案を作成します。

どうも

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

jquery - Jquery Append divを追加して、サイズ変更およびドラッグ可能にしますか?

以下のスクリプトが機能しない理由がわかりません...div(import_box)を追加してドラッグ可能にしますが、サイズ変更はできませんか?私は何かが足りないのですか、私はいくつかの異なることを試しましたが、それらはすべてドラッグを無効にするか、状況を改善するために何もしません。助けていただければ幸いです...

私は小さなjsfiddleを作りました:http://jsfiddle.net/YSs6U/