問題タブ [jquery-slider]

Webアプリケーションでjqueryスライダーを使用しています。デザインを微調整する必要があります。これが私が使用しているjqueryスライダーUIのcssコードですhttps://gist.github.com/2643478

ここでは、スライダーハンドルの高さを低くしたいと思います。このコードで高さを変更すると、機能しません。

しかし、私はハンドルの幅を制御することができます。ここで高さを下げることができないのはなぜですか？

ありがとう！

私は JQuery スライダーを持っています。すべてうまくいきます。

ここで見つけることができます：http ://sebastiaanbr.nl/hetluisterendoog/

しかし今、スライダーに開始/停止機能を追加して、いつでもスライダーを一時停止または開始できるようにしたいと考えています。どこから、どのように始めればよいかわかりません。

});

スクロールバーと矢印を同時に備えたjQueryのコンテンツスライダーが必要です。このようなもの ですが、このように側面に矢印があります。親タグにカーソルを合わせると、矢印が表示されます。インターネットで検索します。しかし、必要なものが見つかりません。このようなスライダーを知っている人はいますか？

スライドタブを使用しているテストページがあります（http://www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm）。ナビゲーションバーの項目をクリックすると、ページが適切な場所までスクロールダウンします。これはまさに私が欲しいものです。ただし、Android OSはoverflow：autoなどをサポートしていないため、すべてのモバイルデバイスでこれを機能させる必要があります。そこで、Jscrollpaneを見つけて、テストページに実装しました。うまく機能しますが（Androidではスクロールバーが表示されます）、スライドタブが壊れています（http://www.maggies-bayfield.com/wp/temp/old/jscroll_breaks_slider.htm）。

誰かアイデアや解決策がありますか？とても有難い！

繰り返しますが、jscrollpaneを使用せずにタブをスライドさせます：http：//www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm

jscrollpageを使用したスライディングタブ：http：//www.maggies-bayfield.com/wp/temp/old/jscroll_breaks_slider.htm

Thnx！8月

JQuery Slider と Google Fusion Table に関して少し問題があります。これは Google マップ アプリケーションです。フュージョン テーブルにいくつかの場所が保存されており、マップの初期化中にマップに表示されます。もちろん、これはそれほど興味深いものではないので、イベント コールバック関数を設定することで、ユーザーがスライダーを操作したときにマップに表示される場所が動的に変化するように、JQuery スライダーを追加したいと考えています。ただし、非常に単純な次のコードを使用しても、スライダーは移動しません。

私がしたことは、マップとスライダーを初期化することだけです。スライダーのコールバック関数には 2 つの行があります。最初の行は Web ページにスライダーの現在の値を 0 から 100 の範囲で表示します。2 番目の行は更新されたデータを反映するためにフュージョン テーブルに再度クエリを実行します (ここではクエリを単純化したので、すべてのエントリを選択して送り返すだけなので、スライダーを操作してもマップに表示されるデータは変更されません)。

Chrome では、マップが正常に初期化され、すべてのデータ ポイントが表示されます。ただし、スライダーを動かそうとすると、そこにとどまりますが、スライダーの値 (1 行目が示すもの) は変わります。ただし、2行目をコメントアウトすると、すべて問題なく、クエリを送信しなくても、スライダーは自由に移動できます...

マップ、フュージョン テーブル、JQuery スライダーを同時に使用した経験のある人はいますか? どんな提案でも大歓迎です。

以下はコードです：

私の問題:iframeの外側からドラッグ可能なウィジェット(ここではjsliderなど)を作成する必要があります。Container と iframe の両方のコンテンツは、同じオリジンからのものです。問題は、jQuery が mousemove イベントを間違ったドキュメント オブジェクトにアタッチしていることです。

http://jsfiddle.net/techunter/4pnxh

スライダーを動かしてみてください。マウスが iframe の外側でイベントをトリガーした場合にのみ移動できます。助けてください、ここで立ち往生しています

編集: JQuery は、スライダー ハンドルのクリックをリッスンし、クリック イベントで、フレームではなくウィンドウ内で mousemove に新しいリスナーを作成します。jquery lib を変更してコンテキスト (デフォルトでは window.document) を追加することを検討していますが、時間がかかります。

Jqueryでダイナミックスライドショーを作成したいこのコードを書く

およびjsコード

しかし、プロジェクトを実行すると画像は表示されませんが、firebugでコードをチェックするとこのコードが表示されます

私を助けてください。皆さんありがとう。

このフィドルで機能する簡単なjqueryスライダーの例を再現しようとしています：http：//jsfiddle.net/mericson/5TTm4/6/

これが私のコードです：

私は画像フォルダと次のファイルを持っています

同じフォルダー内。スライダーを機能させるために使用しているjqueryのバージョンは重要ですか。

ここに問題を示す JSFiddle があります... http://jsfiddle.net/L2NBP/5/ 明らかな理由から、このコードは私の実際のコードの単純化されたバージョンであり、以下にも示されています。

CSS

HTML

JS

詳細

AJAX に送信するフォームがあります.load()。入力に ​​UI Slider http://jqueryui.com/demos/slider/を使用しています。私は範囲オプションを使用しており、フォームにいくつかの入力「スライダー」があるため、AJAX は 1 秒間に複数回呼び出される可能性があります。完了すると成功メッセージが表示され.load()ます。上記の JS Fiddle リンクでわかるように、メッセージは.animate() http://api.jquery.com/animate/を使用してアニメーション化されます。

問題は、最初のアニメーションが完了する前に、メッセージを表示する関数が複数回呼び出されることです。これが発生すると、ユーザーがフォーム値の変更を停止した後も、アニメーションが積み重なって「点滅」します。私はこれを試しました... if( $('#message').is(":animated") ) return;...しかし、まだスムーズに動作しません。基本的に、アニメーションの継続時間を動的に延長する方法を理解するか、少なくともそのように動作するように見せる必要があります。または、ユーザーがフォームに最後の変更を加えるまで、成功メッセージを遅らせます...例: ユーザーが変更を行ってから 2 秒が経過するまで、メッセージは表示されません。

何か案は？

受け入れられた回答

実際に受け入れられた回答... http://jsfiddle.net/L2NBP/7/

これをhttp://jsfiddle.net/L2NBP/5/のオリジナルと比較して ください。違いを確認するには、ボタンを 1 ～ 2 秒間に複数回クリックし、ボタンの右側にある応答テキストを確認してください。

http://basic-slider.com/から jQuery スライダーをダウンロードし、自分の Web サイトに配置しました。Internet Explorer 7 で表示する場合を除いて、完全に正常に動作します。私は過去 3 日間これを見て過ごしましたが、一生解決策を見つけることができません。私はIE9でまったく同じ問題を抱えていましたが、以下を使用して修正しました：

これは、IE7 を除くすべてのブラウザーでどのように見えるかです。
http://www.hackathonplymouth.org/normal.png

これは IE7 での外観です
http://www.hackathonplymouth.org/ie7.png

私はいくつかの調査を行いましたが、どうやら位置と関係があるようです。しかし、それが問題であるかどうかをテストするためだけに、この位置を完全に削除/再追加しました。運がない。

IE7 では次のようになります (LI (テキスト キャプション) を保持する UL は表示されません)。ULが表示されないようにするためにCSSが適用されているようですが、そうではありません。

ライブ プレビュー: http://www.hackathonplymouth.org/slider/
ソース コード: http://www.hackathonplymouth.org/slider.zip - (誰かが詳しく調べたい場合に備えて)

コードに関しては、jQuery にはかなりの数行のコードがあるため、ソース コードをリンクする必要がありました。

IE7 内でスライダー/jQuery を使用しているときに、他の誰かがこれに遭遇しましたか?

どんな入力でも大歓迎です。