1

以下のように、サムネイルの水平方向のリストをナビゲートするスクロール パネル ( iScroll4と jQuery を使用) があります。

ここに画像の説明を入力

マウスを使用して、このパネルをうまくつかんでスライドさせることができます。問題は、リスト内の各画像にクリック イベントを追加したため、ユーザーが画像をつかんでスライドすると、画像をクリックしてイベントが発生することです。ユーザーはその画像を選択するのではなく、もっと見たかっただけなので、これは面倒です。

左または右の動きなしで画像を確実にクリックすると、画像が選択されますが、スクローラーが移動すると選択されないようにするにはどうすればよいですか?

私が言っていることの例は、ここの Fotorama スライダー プラグインにあります。サムネイルをスライドさせてからサムネイルをクリックしてみると、私の言いたいことがわかるでしょう。

どんな助けや提案も素晴らしいでしょう。

アップデート

iScroll4 ドキュメントに onScrollMove および onScrollEnd コールバックがあることがわかりました。多分：onScrollEnd: function() { $(".uploaded_images").unbind("click"); }

別の更新

今のところ、画像をシングルではなくダブルクリックできるようにすることでこれを回避していますが、それがどのように可能かを知りたいと思っています.

4

1 に答える 1

0

Fotoramaプラグインは、ドラッグにjavascriptのmou​​sedownイベントを使用している可能性があり、スライドする場合は、サムネイルのクリックを無効にします。修正するのは、ユーザーがその上をドラッグできるように、下部にさらに部屋を追加することです（必要に応じてパディング）。または、Fotoramaプラグインを使用します。または、ユーザーがスクロールバーとスクロールホイールでスクロールできるようにします。iscrollプラグインを調べて、mousedownイベントを実行できるかどうかを確認します

于 2012-06-20T02:40:52.940 に答える