問題タブ [sliders]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
2483 参照

jquery - iPadのタッチイベントですが、ピンチズームは引き続き可能です

jquery スライダーを含むページに取り組んでいます。これらのスライダーを iPad サイトの訪問者に対して有効にしたいと考えています。次のコードでこれを機能させました:

これはうまく機能しますが、iPad でページのズームインとズームアウトをピンチすることができなくなりました。ピンチ/ズーム機能を保持し、jquery スライダーでタッチ イベントを適切に動作させる方法はありますか?

実際のテスト ページは次のとおりです: http://www.tonyjacobson.com/napawapa/slider-test4

0 投票する
0 に答える
551 参照

jquery - 2 つの依存 jQuery-UI スライダー

2 つの jQuery-UI スライダーを使用してローン シミュレーターを開発しようとしています。

1 番目のスライダー (prazo) は、ローン期間を月単位で表します。2 番目のスライダー (mensalidade) は、ローン期間中に毎月支払う金額を表します。

もちろん、スライダーは必要な量に依存します。

MySQL データベースにすべてのデータがあります。

最初のスライダーは正常に動作します。金額が 1000 の場合、48 か月と 72 か月の 2 つの期間があり、48 か月 - 301.88 72 か月 - 188.88 という 2 つの異なるローン額があります。

最初の問題: mensalidade (2 番目のスライダー) の値が小数部分を失います - 300.88 と 187.88 ではなく、301 と 188 になります。

2 番目の問題: 最初のスライダーをスライドし始めると、2 番目のスライダーがフリーズし、その逆も同様です。

3 番目の問題: json をフィルター処理するより良い方法はありますか? または、json 構造を変更する必要がありますか? どのように?私の json ファイル: - beta.classificados.mpl.pt/clientes/cofidis/filter.php?filtro=prazo&prazo=48&montante=1000 (スライダー 1 の場合)

  • beta.classificados.mpl.pt/clientes/cofidis/filter.php?filtro=mensalidade&mensalidade=187.88%E2%82%AC&montante=1000 (スライダー 2 の場合)

私がやっていることは次のとおりです。

4 番目の問題: 1 番目のスライダーはかなり単純です。最小値と最大値、およびステップ値はわかっています。これは多かれ少なかれ静的であり、ステップが 6 であるため、json ファイルへの呼び出しが少ないためです。しかし、2 番目のスライダーについては、必要な値を渡す可能性があるため、ステップを 1 に配置します。したがって、スライダーの各ステップで json ファイルを呼び出します。これにより、スライダーの更新に非常に時間がかかると思います。

ここでフィドルを設定しました: http://jsfiddle.net/mjpramos/3m7wy/7/ http://beta.classificados.mpl.pt/clientes/cofidis/simulador.php で確認できます

0 投票する
2 に答える
1930 参照

jquery-ui - jQuery Mobile スライダーと競合する jQuery UI スライダー

jQuery モバイル サイトを構築していますが、jQuery UI ウィジェット、特にスライダーも使用する必要があります。

問題は、これらの機能が競合することです。jQm が 'mobile-' プレフィックスを付けて UI を書いてくれたらよかったのにと思いますが、おそらく今では遅すぎると思います。

これが私が抱えている問題です。jqueryモバイルjquery uiスライダーが機能した後にjquery uiをロードすると、カスタムページトランジションが機能せず、jQmの他のもののロードが上書きされて、まだわからないことは間違いありません。

jQuery モバイル カスタム トランジションを逆にすると、jquery ui スライダーは動作しません。代わりに jQm スライダーを使用するためです。

jQuery UIスライダーの垂直オプションとその他の機能が必要なため、jQmスライダーを使用できません。

私が探しているのは、可能であればjQm/jUIの更新ごとにこれらの変更を行う必要がないため、jQuery UIまたはjQuery Mobileのハッキングを伴わないある種のソリューションです。jquery ui をロードして、「ui-」または jQuery mobile で始まる関数を呼び出して、競合する関数の前に「mobile」を付ける方法はありますか? jqm カスタム js のモバイル init 関数でしょうか?

私はここで何かを見つけましたhttps://github.com/aFarkas/jMediaelement/issues/17 コードを試しましたが、私の機能では機能しません。

何か案は?

0 投票する
2 に答える
90 参照

jquery - stackexchange ホームページで使用されているスライダーは何ですか?

Stackexchange Web サイトでサイトをスクロールするために使用されるスライダーはどれですか? Anything Slider だと思いますが、どこでどのように実装されているのかわかりません。

誰かがその例または同様のことを行う別のスクリプトを見せてもらえますか?

前もって感謝します。

これが私が言いたいことのスクリーンショットです - http://grab.adrianfraguela.com/e6ds

0 投票する
2 に答える
2463 参照

jquery - div内の真ん中に複数の画像を縦に並べる方法

jQuery.carouFredSel を使用してバナーを表示していますが、これまでのところ、高さが可変のバナーがあり、このスライダーのバナーが他のバナーよりも小さい場合は常に一番上に来るという 1 つの問題を除いて正常に動作し、中央に配置する必要があります。どうやってやるの

フィドルhttp://jsfiddle.net/kzhfe/12/で例をセットアップしました

carouFredSelリンク

これに関して助けていただければ幸いです。私はいくつかのことを試しましたが、どれもうまくいきませんでした

0 投票する
1 に答える
662 参照

javascript - 単一ページの垂直セクションのWebサイトを持ち、同時に、いくつかのセクション(div)に水平セクション(div)スライダーを持たせる

例としてこのWebサイトを参照してください 。ランディングページには4つのスライダーがあり、それぞれが別々のdivですが、同時にWebページ全体に別々の垂直セクションがあります。私は垂直ビット、標準のCSSとHTMLを行う方法を知っています。ただし、1つのセクションの水平div間をスライドするにはどうすればよいですか?

0 投票する
1 に答える
1672 参照

jquery - jquery ui複数のスライダーを含むフォーム...すべてに対して1つの値のみが送信されます

私はスタックオーバーフローや他の場所で自分自身を教育してきましたが、多くのことを学びましたが、これにはまだ非常に慣れていません. 5 つのスライダーを含むフォームを設定しています。その値は PHP ページに投稿されます。すべてが正常に機能しています...フォームがすべてのスライダーの最終スライダーの値を送信することを除いて。this属性または関数を使用する必要があると思いますがeach、方法がわかりません...

ここに私のJSがあります:

ここに私のHTMLがあります:

助言がありますか?私は困惑しています!

0 投票する
1 に答える
142 参照

jquery - JQuery UI スライダー スコープ

非線形値を持つ JQuery のスライダー ウィジェットを使用しています。基本的に、私はこのようにスライダーを設定しています

var slider_values には、スライダの実際の値があります。上記の calculateSomething に渡される他の 2 つのスライダーの値も必要です。これが機能しない理由はわかっていますが、私のような解決策はありますか?

スライダー オブジェクト内に新しい var を作成する方法はありますか?

0 投票する
2 に答える
230 参照

wordpress - Wordpress3.5とギャラリー

WordPress3.5の新しいギャラリーを操作するのが難しいです。これが私たちが抱えている問題の簡単な説明です。

プロジェクトの詳細

同じWPインストールから生成されたデスクトップサイトとモバイルサイト

現在、オフセット付きの投稿添付ファイルの取得をサポートするモバイルスライダーにスワイプhttp://swipejs.com/の修正バージョンを使用しています

必要なもの

同じギャラリーを複数のページに埋め込む方法

デスクトップサイトの画像一覧タイプギャラリー

スワイプをサポートするモバイル用スライダーギャラリー。スワイプすると一度に1つの画像を表示すると、ajaxで別の画像が取得されて表示されます。

問題

Wordress 3.5はギャラリーの画像を添付しなくなり、投稿の添付ファイルを使用してギャラリーで使用される画像を取得できなくなりました

次世代のギャラリーを試しましたが、ギャラリーに2つを超える画像サイズを設定する方法が見つかりません。デスクトップのサムネイル、元の画像、モバイルサイズの画像が必要になります

この問題に取り組む方法について何か提案はありますか?

ありがとう!

0 投票する
1 に答える
2122 参照

javascript - 複数の基準を持つJqueryフィルター

影響に基づいてレストランのリストをフィルタリングしようとしています。インド料理、アジア料理、メキシコ料理、ヨーロッパ料理などの一般的なカテゴリではなく、スライダーを使用したいと考えています。

レストランは

次に、汎用の JQuery UI スライダーを使用して、各スライダーの値を隠し要素に渡します。

ここで私は完全に立ち往生しています。JSON( .nospice .somespice .spicy ) の代わりにクラスを利用して を実行することで、1 つのスライダーで動作させることができますが、if (value >= 7) {$('.spicy').show();}より高度なクエリを実行する方法がわかりません(if x = >=7 AND y = >=3 AND z = >=5)

誰かがここで私を正しい方向に動かしたいですか? 何を読む必要がありますか。私がこれについて非常に間違った方法で行っている場合は、教えてください.

jsfiddle: http://jsfiddle.net/techii/9e2cJ/