問題タブ [jquery-ui]

2 つの接続された並べ替え可能なリストがありますが、それぞれがより大きなブロック要素にあります。何かのようなもの：

このJavascriptを使用すると：

divは.items_boxリストよりも背が高いです。各 div の全体がそのリストに代わってアイテムを受け入れるようにしたいと思います。どうすればいいですか？

ネストされたアコーディオンのセットを使用して実装されたメニューが1あり2、それぞれに要素がaありbます。

次のロジックを実装したいと思います。

• をクリックすると、と 2 つのサブメニューの1aデータが取得されます。1a2a2b

• をクリックすると2a、2bそれぞれのデータを取得します。

問題

望ましい結果:

• nth-most最後のクリックの子要素のみを表示し、他のすべてを折りたたみます。
• 初期化時には、 と のみ1aが1b表示されます。

現在の結果:

• をクリックして1bから をクリックし2bて1bも、完全に表示されます。

JavaScript コード

HTML:

私はjQueryUIが初めてで、非常に基本的なものを見落としていると思います...

私の問題の簡単な説明

私はThemeRollerを使用して jQueryUI テーマをダウンロードしました。これにより、jQueryUI JavaScript ファイルも生成されます。Google でホストされているファイル ( ) を使用したいのですが、http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.jsこれを行ってもテーマが取得されません。ThemeRoller で生成されたスクリプトを使用する必要があるとは信じがたいです。なぜなら、もしそうなら、Google がホストする jQueryUI はまったく役に立たないからです! ここで何が間違っていますか??

詳細

そこで、次のように Themeroller から「Smoothness」テーマをダウンロードしました。

1. ThemeRollerサイトに移動します。
2. 「ギャラリー」ボタンをクリックします。
3. 「滑らかさ」テーマの下にある「ダウンロード」ボタンをクリックします。
4. .zip ファイル (フォルダー名を使用) をローカル ディレクトリ (たとえば、C:\jqueryui_test) に抽出します。

test.htmlここで、同じディレクトリに非常に単純なファイルを作成しました。このファイルの内容は次のとおりです。

ブラウザーで開くtest.htmlと、日付ピッカー コンポーネントのスタイルが設定されていません (背景画像などはありません)。しかし、Google がホストするjquery-ui.min.js行を ThemeRoller が生成した行 ( <script type="text/javascript" src="jquery.ui.all.js"></script>) に変更すると、ページは期待どおりにスタイル設定されます。

更新 私が受け入れた答えは実際には最終的な解決策ではありませんでしたが、それは私を正しい道に導きました. JQueryUI をダウンロードするだけで、たくさんのものを手に入れることができます。Google がホストするファイルは「jquery.ui.all.js」ファイルを置き換えるだけですが、「themes」ディレクトリは引き続き必要です。さらに、Themeroller テーマは 1.5.3 ではうまく機能しません (「1.5.3 ユーザー」リンクでさえも)。これは管理ページ専用だったので、組み込みの「フローラ」テーマを使用しました。jQuery UI 1.6 の方がはるかに優れているように見えますが、まだ「安定」リリースではありません (この記事の執筆時点では...)。

私は JQuery UI 1.6rc5 を使用していますが、アコーディオン ウィジェットの使用に少し問題があります。これが私が使用しているコードです。

私が抱えている問題は、このコードが Safari で正しく機能しないことです。具体的には、div.ui-accordion-content タグのコンテンツが適切にレンダリングされません。スタイルで高さを指定すると、safri は正常に動作します。

上記の正確なコードを FF でテストできましたが、正常に動作します。他の誰かが Safari でこの問題を見たことがありますか? また、どのように解決しましたか?

jQuery UI ウィジェットには、非アクティブ、アクティブ、およびホバー状態があるように見えますが、押された (クリックされたままの) 状態はありません。これは見落としですか？私が考えることができるほとんどすべての最新の UI は、落ち込んだ状態を持っています。誰かがそのような状態を追加しましたか? もしそうなら、どのコードに手を加える必要がありましたか?

編集: 私が言うべきだったのは、ホバリング状態とクリック状態が同じに見えるということです。ホバリング後にクリックしたことがわかるように、別の状態があるはずです。

http://bassistance.de/jquery-plugins/jquery-plugin-validation/は、そこにある最高のjquery検証プラグインのようです。ただし、jQueryUIダイアログでは機能しないようです。

このコードは、ダイアログDIVの外部で機能します。

これはうまくいきます。フォームをダイアログdivに移動し、ダイアログを開いてリンクをクリックすると、trueが返され、ブエノは返されません。

<form>タグを使用せずにこのキラーjquery検証プラグインを使用する方法はありますか？それとも、これを成功させるためのさらに良い方法はありますか？

わかりました、私は自分のテーマを展開しました。カスタム jQuery UI パック (進行状況バー、日付ピッカー、スライダー) を作成し、それをすべてインストールしました。2つのことを除いて（ほとんど）うまくいくようです：

1. 私のページが最初に読み込まれると、datepicker div が表示されます。と
2. アイコンの下に「次へ」と「前へ」というテキストが大きなフォントで表示されます。どの例にもこの問題はないようです。

今（1）私は現在次の方法で解決しています：

別のCSSファイルに含まれていますが、これもデモのどれもこれを必要としていないようです.

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

ローカライズされたドロップダウン カレンダーが本当に必要です。ノルウェーのウェブサイトでは、英語のカレンダーが卓越性を正確に伝えているわけではありません ;-)

私はjQuery DatePickerを試してみましたが、彼らのウェブサイトにはローカライズできると書かれていますが、うまくいかないようです。

私は ASPNET.MVC を使用していますが、本当に 1 つの JavaScript ライブラリに固執したいと思っています。この場合、jQuery.

ajax ツールキットのカレンダーも、ノルウェー語の名前が表示されれば問題ありません。

更新：素晴らしい！言語ファイルが欠落しているように見えますが、それほど些細なことではありません:-)

質問をする前に、これを調査して試してみるのにもっと時間を費やす必要があることはわかっていますが、ポータル スタイルのホームページ ( http://www.bbc.co.ukのようなもの) を備えたサイトを構築するのに 2 週間しかありません。

私は jQuery にかなり精通しており、過去に jQuery UI のドラッグ可能オブジェクトを使用したことがありますが、複数のドロップ ゾーンを備えたポータルを構築する方法と、どの「ポートレット」が持っているかを記憶する機能のチュートリアルまたはベスト プラクティスの例があるかどうか疑問に思っていました。ある種の状態オブジェクトのドロップゾーンにドラッグされました。

$ajax() 呼び出しを使用して状態オブジェクトをバックエンドに保存し、おそらくバックエンドから JSON 状態オブジェクトを送信して、ユーザーがサイトに再度ログインしたときにポートレットを再編成できるようにする必要があります。 .

どこから始めればよいかについてのいくつかのアイデアが役に立ちます。ありがとう