問題タブ [jquery-slider]

jQueryとjQuery UIを使用して画像をズームしています。固定サイズのコンテナー div と、そのコンテナー内でドラッグ可能なこれよりもはるかに大きいイメージがあります。

下にあるスライダーは、画像のズーム レベルを制御します。これは正常に機能します。私の問題は、画像のサイズを縮小するときに、境界コンテナーの端の近くにドラッグされた場合、その端にスナップし、残りの端からズームする必要があることです。私はそれを機能させることはできません。

画像はエッジを通過し、引き続き縮小されます。

画像をズームし、上部をコンテナーの端に近づけてからズームダウンすると、動作を確認できます。

ここにコードを書いてください - http://jsbin.com/egivat/5/edit

コードビハインドのあるASPXページがあり、スタイルシート/Jqueryが使用されています。

スタイルシートやJqueryについてはよくわかりませんが、ページのレンダリング時に境界線が完全に表示されないため、このページをデバッグする必要があります。

スタイルシート内にこのコードがあり、「左下は繰り返しなし」と書かれています。

完全な境界線を取得するために何をする必要があるのか​​わかりません。このページをデバッグして、完全な境界線の取得を停止しているものがあるかどうかを確認する方法はありません。

現在、出力は下の境界線を残したものです。提案してください。

アイテムのリストがあり、価格が「最小」と「最大」の価格範囲の間にあるアイテムのみを返品する必要があります。

これは、クラスごとにアイテムを並べ替える完全に機能する例ですが、スライダーが価格帯に影響を与えないことがわかるように、完全なコードは次のとおりです。

http://jsfiddle.net/p2jwz/8/

ご覧のとおり、.findおよび.filterコードは次のとおりです。

私が間違っていることを教えてもらえますか？

こんにちは！

Jquery UISliderで作成した非常に優れたフィルタープラグインがあります。完全なコードと動作例は次のとおりです。

http://jsbin.com/epikam/1/edit

うまく機能しています。唯一の問題は、Ajaxを呼び出した後、アイテムが変更されないことです。

これがAjaxの呼び出しです：

.liveと.delegateを使用しようとしましたが成功しませんでした（どのように/どこで使用するかわかりません）

助言がありますか？？

どうもありがとうございます！！！

エラン。

応用

上には、スライダーにビデオを含むアプリケーションがあります。スライダーには2つのビデオがあります。最初のビデオを再生してから、ビデオを停止せずに、スライダーの [次へ] をクリックして次のビデオにスライドし、そのビデオを再生してください。両方のビデオが同時に再生されていることがわかります。

私の質問は、スライドされたときにビデオの再生を停止することは可能ですか?

ビデオの再生にはjwplayerを使用し、スライダーには基本的なjqueryスライダーを使用しています。

コードは以下のとおりです。

http://basic-slider.com/

オブジェクトが基本スライダーにスライドしているかどうかをどのように判断できるか知りたいですか？スライダーが発生した場合にビデオを一時停止したいのですが、スライドが発生したかどうかを判断する方法がわかりませんか？

アップデート：

以下のコードは、ガレリアスライダーでjwplayerを表示する方法を示しています。しかし、問題は、黒い四角しか表示されないことです。スライダーやビデオプレーヤーが表示されないので、これにはjwplayerを使用します。

これがjsfiddleのコードです

スライド機能に何か問題があると思います：

私はこのUIスライダーを使用しており、サイズも私のサイトにあるものです（幅ではなく、ボタンのサイズ-ページの下部のデモ）-しかし、ここではスライダーボタンのサイズがはるかに良く、小さくなっています-右側のデモ。

では、UIスライダーボタンのサイズを変更するにはどうすればよいですか？または他の種類のボタン（画像など）を追加するにはどうすればよいですか？

シナリオ：asp.netサイト内で、ASPXページに3つのjqueryスライダーがあります。

3つのスライダー（下のjsfiddleリンクで確認できます）は次のとおりです。a）価格b）バリアントc）関連アイテム（タブ内にあります）

JSfiddleのリンクは以下のとおりです。

http://jsfiddle.net/DfKwy/5/

3番目のスライダー（関連アイテムスライダー）は、前と次の矢印ボタンがスライドしない、またこのスライダーが存在する場合、他のスライダーがスライドしない（ユーザーが前/次のボタンを表示できない）などの問題を引き起こしています。 。

aspxページからhtml/script / cssを取得し、それらをjsfiddleに配置したところ、すべてが機能しているようです。ただし、ライブasp.netでは機能しません。asp.netを公開しましたが、URLも共有できます。

aspxページはupdatePanel、ajaxを使用します。jsfiddleの例でも、いくつかのスクリプトブロックにコメントを付けています。

これをさらにデバッグするのを手伝ってください。

PS：何らかの理由で、コードを投稿せずにこの質問を送信することはできません。完全なコードについては、上記のjsfiddleリンクを確認してください。以下のコードはほんの数行であり、完全ではありません。

ASP.NETプロジェクトで参照されている次のJsファイルがあります。競合（またはJSファイルの重複）があるかどうか知りたいのですが。また、JSファイルのいずれかをアップグレードする必要がありますか、それともそれらをgoogleapisに直接マップする必要がありますか？ここでいくつかの競合が疑われるので、提案してください。

この質問をしている理由は、スライダーをレンダリングしないASPXページがありますが、HTMLでは正常にレンダリングされるためです。jsFiddlerを使用してテストしました。