問題タブ [jquery-ui-resizable]

http://code.google.com/p/lwrte/issues/listを実装しようとしています..フォントオプション、テキストの色、ハイパーリンクを提供するため、このjqueryテキストエディターが特に気に入っています

サイズ変更可能でドラッグ可能にしたい。テキスト エディター用のコンテナー div を作成し、そのコンテナー div でドラッグ可能およびサイズ変更可能を実行することで、ドラッグ可能およびサイズ変更可能が正常に機能するようになりました。

ただし、何らかの理由で、コンテナー div の高さや幅に関係なく、テキスト エディターがコンテナー div の外側にオーバーフローします。テキスト エディターの幅は 100% に設定されています。

ツールバーがこれを台無しにしているというのが私の推測ですが、私は何を知っていますか!

コード例なしでこれに答えるのが難しすぎると思われる場合は、jsfiddle 何かを試してみます。ありがとう！

JQuery Update と Jquery UI モジュールを使用して、Drupal 6 のサイトで作業しています。

<div>East ハンドルのみで、最小幅と最大幅が設定されたサイズ変更可能なタグがあります。FireFox と Chrome では完全に動作しますが、IE では動作しません (私は 9 を使用しています)。

IE では、サイズ変更要素が読み込まれ、適切に表示されますが、要素のサイズは変更されません。奇妙なことに、IE に quirks モードでページをレンダリングするように指示すると、改ページ (および悪い) が、サイズ変更要素は適切に機能します。

サイズ変更可能な要素を表示できるページへのリンクは次のとおりですhttp://spadent.baglerit.com/how

他の誰かがこれに遭遇し、解決策を見つけましたか?

ありがとう

更新: 実際には、IE <9 でサイズ変更が適切に機能するように設計された JavaScript の行に問題があり、IE 9 および 10 で問題が発生しました。最善の解決策ではないことはわかっていますが、コード行を削除する働きました。

私のコードはとてもシンプルです

ドラッグ効果は機能する可能性がありますが、サイズ変更は機能しません。なぜですか?

ここに例がありますhttp://jsfiddle.net/udgGn/

私が開発しているアプリケーションでは、モーダルjQueryUIダイアログにヘルプが表示されます。ほとんどの場合、それは美しく機能します。問題が1つあります。ダイアログの右下にある矢印を使用してヘルプテキストをスクロールしようとしても、マウスをドラッグしてダイアログのサイズを変更するのと同じ場所にあるため、スクロールできません。

jQueryUIダイアログの「ボタン」オプションを使用してダイアログの下部に「閉じる」ボタンを追加した場合、これは発生しないことに気付きましたが、それはアプリケーションの他の場所のスタイルと矛盾します。

誰かがこれを回避する合理的な方法を知っていますか？理想的には、他のダイアログに影響を与えることなく、このダイアログの下部にスクロールされていない小さなdivが表示され、マウスドラッグのサイズ変更が画面上で下矢印よりも低くなるようなものが必要です。

要素を右にフロートさせてから、jQuery UI のサイズ変更可能なウィジェットを使用して左端からサイズ変更可能にすると、奇妙なことが起こり始めます。

私はこれをまとめました：

http://jsfiddle.net/nicholasstephan/kCduV/2/

「サイドバー」のサイズを変更すると、私が話していることがすぐにわかります。

ここで何が間違っていますか？

float:right を維持したいので、左の列が自動的に処理されます。

要素のサイズを変更すると、jquery が要素の位置を変更するようです。

別の内部にサイズ変更可能な (およびドラッグ可能な) 要素があります。サイズ変更とドラッグは、グリッドおよび親要素内に制限されます。

ページをロードすると、ドラッグ可能な要素の最上部の位置は 89.68333435058594 になりますが、水平方向にサイズ変更するとすぐに 89 になります。

グリッドは要素の高さとガターの周りに構築されるため、動きが制限されるため、これは混乱します。要素をさらに下の別の位置に移動するとすぐに、元に戻すことはできません。もう合わない。

誰かがこの問題に遭遇しましたか? 解決策は見つかりましたか？

言葉で明確にしようと思います：jquery-ui-resizableを使用して、オブジェクトの中心が同じ位置。

これがサンドボックスですhttp://jsfiddle.net/V79Ge/

つまり、aspectRatio = trueとよく似ていますが、オブジェクトのサイズを一方の側から変更すると、他の3つの側が制御されます。

手がかりをありがとう！

そしてここにCSSがあります

ドキュメントによると、disabled が true の場合、.ui-resizable-disabledクラスが要素に追加されます。私の場合、クラスは追加されませんが、サイズ変更は無効のままです (つまり、ハンドルをドラッグしてサイズを変更することはできませんが、無効になっている場合はサイズを変更できます)。生成されたHTMLを確認するstyle="display:block"と、ハンドルに追加されていました。私は彼らにショーを隠しているわけではありません。

Google API の jQuery 1.8 を使用しています。また、同じ要素にドラッグ可能を適用しています。

テーブルの上にあるオーバーレイでサイズ変更可能なJQueryを使用しようとしています。以下のコードは、列間でサイズ変更およびドラッグ可能な絶対位置のオーバーレイとしてdivを作成します。

コードは正常に機能します。ただし、「サイズ変更可能な」jquery ui関数のオプションとして「containment」を追加すると、コードはセレクターとして指定されたテーブルの一部（つまり、＃grid）でのみ機能します。

JsFiddle http://jsfiddle.net/WUsRx/5/を追加しましたが、サイズ変更可能なコードはFsFiddleでは機能しないようですが、Explorer8の#gridテーブルの一部では機能します。

javascriptは次のとおりです。

HTMLの1つの列が以下に含まれています。この問題は、毎回、＃15：30から＃16：00までのすべての列に表示されます。最初は、HTMLの変更または間違いである可能性があると考えたため、PHPを使用してループし、各行の一貫性を確保するためのテーブルを作成しました。＃16：00を超えると、サイズ変更可能なコードは機能しません。

どんな考えでもありがたいです。

Webページに問題があります。ユーザーが特定のボタンをクリックしたときに、ドキュメントに要素を追加しています。

要素は

script.js

どんな提案でも大歓迎です。

ありがとうございました。