問題タブ [jquery-slider]

これが可能かどうかはわかりません。jquery スライドダウン メニューがあり、スライド メニューのいずれかのリンクをクリックしたときにスライダーを閉じたくありません。クリックしたリンク先のページにたどり着いたとき、開いたままにしておきたい。

これが私のコードです: index.html

section1.htmlにリンクされているページの 1 つを次に示します。

3 番目のページは以下のとおりです: section2.html

利用できるようにjQueryライブラリを使用しています。このページにスライド効果を追加する方法を知る必要があります。

http://qasim.x10.mx/iqbal/

クリックするとフェードインとフェードアウトになりますが、スライドさせたいと思います。それらがどのように機能するかについては少し考えていますが、現在のコーディング方法では、実装の適切なテクニックがわかりません。 。最も簡単な方法は何でしょうか？

どうもありがとう。

OK、次のように、Jquery UI 用の Google API ライブラリを含めました。

これで、ドキュメントの準備が整ったときだけでなく、ドキュメント スライドのいくつかのスパンと非表示の入力を更新するスクリプトができました。

アイデアは、ページにはスライダーが表示され、別のページには表示されないということです。Firebug から取得したエラー メッセージは次のとおりです。

そして、ラインを指します

何が原因でしょうか? あるページではスライダーが表示され、別のページ (上記をロードするのと同じテンプレートを使用) では表示されないのはなぜですか?

助けてください！

私はこのようなテーブル構造を持っています

スライダーが移動すると、リンク要素のスタイルが右にどれだけ離れているかを表すパーセンテージで更新されます。例：style="left: 11.7647%;"「テキストを移動」してスライダーに合わせ、そのパーセンテージで移動します。これを行う方法はありますか？必要に応じて、div/spanなどを追加できます。

注：スライダーが移動したパーセンテージを取得する方法を知っています。問題はスライダーを揃えることです。

setintervalとjqueryを使用して単純なスライダーを作成しようとしています。http://jsfiddle.net/5m2Dq/
スライダーは、ブラウザーにフォーカスしている場合は正常に機能し ます が、別のタブに5分以上移動すると、すべてのdivが互いに重なり合い、切り替えを開始します。

プラグインなしでこのようなスライド効果を実現する簡単な方法はありますか？

データの半分が非表示になっているテーブルがあり、ボタンを押すと展開できます。ここでパターンに従っています。これが私のhtmlです：

これが私のJavaScriptです：

非表示の部分が上下にスクロールしている間、テーブルは 3 つの列があるかのように機能します。最初の 2 番目の列は右に移動し、2 番目の 2 番目の列はわずかに左に移動します。スライドが完了すると、2 番目の列全体が適切な場所に戻ります。

テーブルをこのように動作させているのは何ですか?

注: hidden の 2 列目にデータがない場合、この効果は発生しません。'12/24/2011' と 'ガジェット' を取り出せば、すべて問題ないように見えます。

電車の座席指定サイトをやっています。フォームには、クライアントがサービス、乗客数などを選択しているときに合計金額を表示するための価格の計算機が必要です。

総コストの変化をより明確にするために、div に jq ハイライト効果を使用して、注目を集めました。

問題は、スライダーがスライドするときにハイライトするようにしたため、0 から 56 (電車の最大座席数) まで通過すると、ハイライトが 56 回発生することです。

うまくいけば、あなたが助けてくれるか、より良いアイデアを提案してくれます.

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

ページはhttp://www.micontrol.cl/~mvargas/wordpress/wp-transatacama/reservas-rapidas/form-reservas.phpにあります。

電車の座席を予約するアプリケーションを作成していますが、子供と大人を区別する必要があるため、2つのjquery-uiスライダー（それぞれがフォーム要素にバインドされています）を解決しました。問題はここにあります：合計椅子の数は56なので、両方のスライダーの開始は最小：1、最大：56ですが、貸衣装業者が56人の大人と56人の子供を選択した場合、列車の容量はその需要を十分に満たすことができません（私は愚かに許可しています）。スライダーを動かすと、max：値を減算できると思いますが、できませんでした（減算を実行するために、表示しているコードは、使用していたコードよりも少しクリーンです）。

ここで私がこれまでに取得したコードを確認できます：http：//jsbin.com/ezeqav/7

PD：事前にthx：D

（これらは問題ではありませんが、もう少し詳しく説明すると、（ここからの助けを借りて; D）電卓を作成して、スライダーを動かして人の数を設定している間、顧客に総コストを表示します。 ）。

私はこれを行う方法についての答えを探していましたが、それを理解できないようです(jquery uiテーマのドキュメントを見ても)。スライダーを左から右に動かすと、スライダー ノブの左側のセクションが (デフォルトのグレーではなく) オレンジに変わります。

jquery テーマ ロールは、以下の css を生成しました。おそらく .ui-widget-header background-color がこれを制御しますが、そうではないようです。他のクラスに背景色を追加することもありません。水平方向にスライドすると別の色になるように、これを修正する方法はありますか?

Jクエリ:

HTML:

CSS:

これが例です

よろしくお願いします。

親 div 内で、左側にテキスト ラベルを、右側にスライダー (jQuery UI を使用) を配置したいと考えています。

スライダーが利用可能なすべてのスペースを占めるようにしたいのですが、この質問とは異なり、親 div の幅は不明です。

したがって、概念的には次のようにする必要があります（ここでは jsfiddle試行が壊れています）：

しかし、Chrome、FF3、IE8 で動作するものを簡単に手に入れることはできません。誰にもアイデアはありますか？