問題タブ [jquery-ui]

UI キットの simple-modal やダイアログ アドインなどのアドインを使用したいと考えています。ただし、これらまたはその他を使用して結果を返すにはどうすればよいですか。基本的には、モーダルがサーバーとの AJAX 対話を行い、呼び出し元のコードが何らかの処理を行うための結果を返すようにしたいと考えています。

基本的にダイアログ内の編集フォーム (ui.dialog) であるページを読み込もうとしています。このページを外部 (私は asp.net を使用しています) ページから読み込むことができます。

問題は、「ポップアップ」フォーム内で$(function() {my function here});、ページの読み込み時にいくつかのことを行う構文と、.fnajax 呼び出しを使用していくつかの動的ドロップダウンの拡張機能を登録する必要があることです。

私は my を作成しました<script type="text/javascript" src="jquery.js">が、これらが含まれているとは思いませんし、my も$(function)呼び出されていません。

これは可能ですか、それとも私がしなければならないことを達成する別の方法を見つける必要がありますか?

modal dialogその上に他の非モーダルパネルまたはダイアログを開く必要があるいくつかの「ヘルプリンク」を 含むフォームがあります(メインダイアログをモーダルのままにします)。

ただし、これらは常にマスクの後ろで終わります。 YUI最高のものを認識しz-index、マスクとモーダルダイアログをそれよりも高く設定しているようです。

ヘルプ コンテンツをパネル化するのを待っている場合は、より高い z-index を持つように設定できます。ここまでは順調ですね。問題は、二次的な非モーダル ダイアログ内のフィールドにフォーカスを当てることができないことです。それらの下にあるモーダル ダイアログは、フォーカスが最初のモーダル ダイアログ以外に移動するのを何らかの形で妨げているようです。

YUIがこれを許可しない場合は、jQueryでこの「ダイアロググループモダリティ」を実行できればそれも受け入れられます。

ヘルプ！

jQueryサイトでこれに関するバグレポートを見たと思っていましたが、今は見つかりません。IE6 でダイアログのサイズを変更しようとしています。ただし、要素のサイズが変更されても、コンテンツとタイトル バーのサイズは縮小されません。ただし、ダイアログを大きくするとサイズが大きくなります。その結果、ユーザーがダイアログのサイズを小さく変更すると、閉じるボタンが切り取られ、コンテンツがクリップされます。

resizeStop イベントを処理し、コンテンツとタイトルバーのサイズを手動で変更しようとしましたが、奇妙な結果になる可能性があります。コンテンツ領域の要素のサイズと位置はまだずれていました。また、タイトル バーのサイズを変更しても、閉じるボタンが表示されません。何か案は？これが jQuery-ui のバグである場合、適切な回避策を知っている人はいますか?

jquery-ui-dialogプラグインを使用しています

ダイアログが閉じられたときにページを更新する方法を探しています。

ダイアログから閉じるイベントをキャプチャする方法はありますか?

閉じるボタンがクリックされたときにコードを実行できることはわかっていますが、ユーザーがエスケープまたは右上隅の x で閉じることはカバーされていません。

私はjQueryUIのドロップ可能オブジェクトIMG SRCを使用していますが、ドロップされたクローンにドロップされたアイテムとは異なるものを使用させるための最良の方法は何か疑問に思っています。

そこにあるフォトマネージャーのデモでは、サムネイルが同じサイズのスロットにドロップされます。大きな画像を小さなスロットにドロップしたいので、完全な画像の代わりにサムネイルを使用するには、そのクローンが必要です。

これを処理するための最良の方法に関する提案はありますか？

以前、jquery-ui tabs拡張機能を使用して を介してページ フラグメントをロードしたり、ページ内の非表示のajaxを隠したり表示したりしdivました。これらの方法はどちらも十分に文書化されており、問題はありませんでした。

しかし今、私はタブで何か違うことをしたいと思っています。ユーザーがタブを選択すると、ページ全体がリロードされる必要があります。これは、タブ化された各セクションのコンテンツをレンダリングするのに多少コストがかかるためです。そのため、一度にすべてを送信して通常の方法を使用したくありませんそれらを表示するために「display:none」を切り替えます。

私の計画は、タブのイベントをインターセプトし、selectdocument.location を操作してその機能でページをリロードすることです。

selectハンドラーで、新しく選択されたタブ インデックスとそれに対応する html LI オブジェクトを取得するにはどうすればよいですか?

新しく選択されたタブまたはその中のアンカータグのインデックス、ID、またはオブジェクトを与えることができるイベントまたは ui オブジェクトの属性はありますか?

または、タブを使用してページ全体をリロードするより良い方法はありますか?

私はdraggableカスタムを持っていますhelper。ヘルパーがクローンである場合もあれば、元の要素である場合もあります。

問題は、ヘルパーが元の要素であり、有効なドロップ可能オブジェクトにドロップされない場合、ヘルパーが削除されることです。私の解決策はこれまでのところ次のようになっています。

コールバックで;on_droppedに設定ui.helper.dropped_on_droppableしました。true

ドラッグ可能なもののstopコールバックで、その変数をチェックしてから...どうすればよいですか？

これも正しいアプローチですか？

プロジェクトをフレームワークのベータリリースに移動しましたが、ASP.net MVC私が抱えている唯一の問題はjQueryとjQueryUIです。

取引は次のとおりです。

次Site.Masterのスクリプト参照があります。

そして、それらを使用すると、accordian UI1つの問題を除いて、ビューの1つにあるものが完全に機能します。からの画像ThemeRollerがページに含まれていません。jQuery参照をコメントアウトすると、ThemeRoller画像がそこにあります。すべてのcssはにありContent folder、すべてのスクリプトはにありScripts folderます。

これがばかげた道の問題であることは知っていますが、それは私をけいれんさせています。

私は何が欠けていますか？

アップデート

私は無駄に最初の答えを試しました、詳細についてはコメントを読んでください。ご覧いただきありがとうございます。

2番目のアプローチも機能していません。私は困惑しています。

別の更新

スクリプトにタグを使用するUrl.Contentと、実際にスクリプトを正しく実行できます。スタイルシートに通常のタグを使用すると、ThemeRollerに関連するすべてのスタイルを除いて、すべてのスタイルがページに表示されます。

jquery-ui-themeroller.cssファイルはContentフォルダーにあり、要素を検査すると、cssが存在します。問題は、このcssファイルからContentフォルダーにもあるthemerollerのimagesフォルダーへのマッピングにあると思われます。次のように指定されたこのファイルの画像リンク：background: url(images/foo.gif)

このファイルのリンクを変更する必要がありますか？

ネストされたjqueryタブに問題があり、ヘルプ/ポインターが必要です。

現在、5つの親タブがあり、各親タブの下にいくつかのサブタブがあります。

ページが読み込まれたときに、特定の親タブとその子タブの1つをアクティブにしたいと思います。

特定の親タブをアクティブ化することはできますが、子タブでは同じことが機能しません。

誰かが同様の問題に直面し、共有するための解決策を持っているかどうか私に知らせてください。

リファレンス-http://docs.jquery.com/UI/Tabs

ありがとう＆よろしく、アジェイ