問題タブ [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 に答える
503 参照

jquery - Jquery Resizable: サイズ変更可能なイベントを明示的に停止する

通常はマウスアップで終了する、要素のサイズ変更可能なイベントを明示的に停止したい。どのようにそれを行うことができますか?サイズ変更可能なイベントを終了するためにどのイベントが呼び出され、どのように呼び出すことができますか?

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

jquery - 新しく作成された div への jQuery イベント

訪問者は、個別に並べ替え可能な複数のコンテナにさまざまなアイテムをドラッグ アンド ドロップできるため、各コンテナ内のアイテムを変更できます。最後に、すべてのコンテナーのサイズを変更できます。だから、これはすべてうまくいっています。

残念ながら、訪問者がコンテナーである div を新しく作成したときに問題が発生しました。このコンテナーには、ページの読み込み中に読み込まれるコンテナーと同じ機会が必要です。しかし、コンテナがページに新しく追加されたため、機能は機能していません。

appendTo() などのさまざまなことを試し、関数 draggable() 、 resizable() などを再度呼び出しましたが、機能しません。

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

jquery - colResizable プラグインを使用した列幅

colResizable は、列幅を調整するための優れたプラグインのようです。

残念ながら、元々設定されていた幅が削除されます。私はwhitespace: nowrapいくつかの小さな列といくつかの大きな列を持っているので、使用していました。colResizable プラグインを使用すると、すべての列が同じサイズに調整されます。

プラグインが利用する前に列幅を読み取り、後でリセットすることで回避しようとしました。最初は良さそうに見えますが、グリップに奇妙なことが起こります。グリップはもちろん、同じサイズの柱で使用していた場所にとどまります。

誰でもより良い解決策を考えることができますか?

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

jquery - div をサイズ変更可能にするにはどうすればよいですか

上からサイズを変更して高さを増減できるようにしたい div があります。人々がこれを行うために使用している方法をインターネット上でたくさん見つけましたが、何らかの理由で、私の場合は何もうまくいきません. 双方向矢印を表示することはできますが、div またはその子の一部が移動しません。ここに私が試したいくつかのことがあります:

私もこれを使用しました:

この

そしてCSSで私が試した

他にもいくつかの方法がありますが、サイズを変更するものは何もありません! 助けていただければ幸いです。

簡単な jsfiddle の例を次に示します: http://jsfiddle.net/TCHdevlp/zpD2R/

ページの下部にもサイズ変更可能なコンテナーがある jsfiddles を見つけました。

http://jsfiddle.net/J4bJ3/1/

http://jsfiddle.net/Zns4Q/

これは、私が探しているものを説明するのに役立ちます。

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

jquery - jQueryUI のマウス動作 (サイズ変更、ドラッグ) をエスケープ キーでキャンセルする

キーを押すと、現在のjQueryUIのサイズ変更可能およびドラッグ可能な相互作用をキャンセルすることは可能ですか?

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

javascript - サイズ変更可能な要素の子要素に適用された場合の jQuery のサイズ変更可能な問題

これは、jQuery Resizable Exampleから派生した私の完全なコードです-

私の例では、要素が要素内にあるdividparentとの 2 つの要素があります。私の問題は、要素をサイズ変更しても、要素のサイズを変更できないことです。誰かが同様の問題に直面しましたか?childchildparentparentresizable

ノート

コードをいじってみると、この問題が発生するのは、child要素の前にparent要素をサイズ変更可能にする場合だけであることがわかりました。コードのように -

順序を次のように変更すると -

スムーズに動作します。なぜそれが起こっているのかわかりません。

jQueryのサイズ変更可能なコードを調べてみますが、誰かがすでにこの問題に直面して解決している場合は非常に役立ちます.

-ありがとう

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

jquery - 要素は ui-resizable になっていますが、ui-resizable-handle ではありません

jQuery UI のサイズ変更可能な機能をロード後に追加しようとしている要素のリストがあり、クラスui-resizableを取得していますが、クラスui-resizable-handleを持つ div は追加されていません。

最初に始めます (そして、あなたが尋ねる前に、はい、例では必要のないコードをいくつか剥がしました)...

これは、要素のサイズを変更できなくなった場合に備えて、白紙の状態から始めるためです。この後、要素を作成します。

したがって、すべての要素にui-resizableが付与されましたが、すべてが div ui-resizable-handleを受け取っていないため、すべてが使用できなくなります。要素も並べ替え可能で (機能します)、ドラッグ アンド ドロップすると同じプロセスを経ますが、現在はui-resizable-handleが与えられています。

つまり、要素を ui-resizable として設定する方法を知っている人はいますが、実際にサイズ変更するために必要なハンドルを取得することはできませんか?