問題タブ [jquery-ui]

2 つの並べ替え可能な UL 要素があり、'connectWith' オプションを介して相互にリンクされているため、1 つのリストの項目を別のリストに移動したり、その逆を行うことができます。一部のアイテムを別のリストに移動/ドラッグすることを禁止しながら、独自のリスト内でドラッグできるようにする必要があります。そのような動作を実装する方法はありますか?

今のところ、これらの並べ替え可能なリストの「アイテム」オプションを使用してアイテムのドラッグを制限することしかできませんが、これにより目的のアイテムが別のリストにドラッグされるのを防ぎますが、これらのアイテムが独自のリスト内でドラッグされるのを防ぎます (これは悪いことです)。

jQuery UIタブを使用してインターフェイスを作成しましたが、要件の1つは、タブグループ内のすべてのページのコンテンツをページの下に同時に表示する「すべて」オプションを用意することでした。

私のタブはPHPから動的に生成されており、結果が次のようになるように各タブボタンにIDを付けています。

次に、JavaScriptに次のように表示されます。

私はsetTimeout（）を使用しています。これは、タブが選択されると、jQuery UIが以前に選択されたタブにui-tab-hideクラスを設定し、新しいタブのクリックイベントの後に発生することがわかります。このようにして、ui-tabs-hideクラスを受け取ったばかりのタブも削除されます。

それはうまく機能しているように見えますが、私には少しハックのように感じます。それで、これを行うためのより良い方法はありますか？ありがとう。

jquery ui ライブラリを使用して、拡張された UI 要素を asp.net アプリに追加しました。マイナーなバグ/問題に遭遇しました:

ボタンがクリックされたときに呼び出されるjquery UIダイアログがあります..ダイアログのテキストはすべてaにあり、通常はユーザーから隠されています.jquery UIはその魔法を行い、そのテキストを使用してダイアログを表示します-すべてが完璧に機能します。

コードは次のとおりです。

そしてここにdivがあります：

質問は、フォームが再描画されるたびに、「非表示」のテキストが実際にページ上で一瞬点滅してから、再び非表示になることです。(つまり、「このイベントをキャンセルしますか? 会議のテキストは実際には一瞬表示されます)」

これを防ぐことは可能ですか？

ハッシュをタブ名に変更するために、次のコードを追加しました。

これはFF3では正常に機能しますが、IE7ではページを下に移動します（ページの上部近くからページの最後までのどこかで選択されたタブによって異なります）。

私はそれを次のように変更してみました：

これにより、IE7とFF3の両方で同じ動作が発生し、ページが選択したタブの上部に移動します。

タブを変更し、ハッシュを更新したいのですが、ページはまったく移動しません。これは、最初の例のFF3では機能しますが、IE7では機能しません。

ありがとう。

注：JQuery 1.3.1 / JQuery-UI 1.6rc6

私が使用している jquery.js ファイルと jquery-ui ファイルのスナップショットを取り、サイトで使用している他のすべての .js ファイルと共に巨大な .js ファイルにそれらをダンプしました。

minfication/packing なしでこれを行うと、ファイルが機能しなくなり、通常の .js ファイルの代わりに自分のサイトにロードしようとすると、ファイルに「再帰が深すぎます」というエラーが表示されます。すべてのエラーは、jquery および jquery-ui から発生しました。簡単な番号付けスキームを使用して、jquery.js/jquery-ui ファイルがファイル内で最初にリストされ、正しい順序であることを確認しました (個々のファイルとしてインクルードするのと同じです)。

2 つの質問: 1) JavaScript のインクルード タグには、すべてのファイルを 1 つの巨大なファイルにダンプするのと同じ効果があるのではないですか? JavaScript ファイルが独自のスクリプト タグまたは別のファイル内にあることから得られる追加の分離/隔離はありますか?

2) 私の目標は、サイトで使用するすべての JavaScript (JQuery で重い) を含む 1 つの巨大な .js ファイルを作成し、そのファイルを縮小することで、サイトを高速化することです。なぜこれが見当違いなのですか？それを行うより良い方法は何ですか？

注: Google の CDN バージョンの JQuery ファイルは機能しません。私が使用しているすべての JQuery プラグイン/テーマは Google のバージョンでは機能しません (とにかく、Google の CDN を正常に使用できると言っている人は嘘をついています)。

更新: 回答の良いアドバイスに感謝します。そのすべてが、本番サーバーに JavaScript ファイルをデプロイする方法を学ぶのに役立ちました。私は実際には常に JQuery UI プラグインの最新の SVN ブランチを使用していますが、UI プラグインにエラーがあり、ファイルとマージできませんでした。既に 1 つのファイルに縮小されていて、問題を回避した最新の Theme Rolled プラグインを入手しました。

JQuery.Sortable（）関数を使用して、次のような並べ替え可能なアイテムのリストを作成しています。

返される結果は、アイテムIDのコンマ区切りリストです（つまり、1、2、3、4、5、6など）。

これを関連アイテムテーブルのsortorder列にコミットするための最良の方法を知りたいのですが...各レコードをループして更新することはできますが、データベースへの書き込みが非常に多く、ボトルネックになる可能性があると考えています。特にリストがかなり大きい場合。

LINQ-to-SQLとASP.NETMVCを使用しています

現在、 Struts 1 タグ ライブラリが提供するタブを jQuery UI が提供するタブに置き換えることを調査しています。タブを既存のアプリケーションに統合することに成功しましたが、着信 URL のパラメーター (myurl.com/action.do?selectedTab=SecondTab) を使用して選択したタブを設定する方法に苦労しています。

私は JavaScript と jQuery の初心者です。どこから始めるべきかについてのいくつかの指針は何ですか?