1

こんにちはstackoverflowの素晴らしい人々、

入力ボックスをクリックできない、つまり何も入力できないという問題があります。

FMSSB.COM

入力ボックスは8番目のスライドにあります。マウスを使用して、8番目のスライドに移動します。

以下に示す2つのjqueryプラグインを使用しました。iDangero.usモバイルタッチスライダーマリブカスタムスクロールバー

また、z-indexを1000に設定しました。これにより、他のインデックスより上に配置されますが、それでも機能しません。

ただし、Tabキーを繰り返し押すと、入力ボックスにアクセスして値を入力できます。

私のメッセージが伝わったことを願っています。

ありがとう。

PS大きなウィンドウ画面には適切なスタイルがないため、大きな画面では奇妙に見えることに注意してください。これまでのところ、1280px幅の画面で動作します。

4

3 に答える 3

3

スワイパーのせいです

これSwiper 1.3 - Mobile Touch Sliderにより、すべてが手つかず/クリックできなくなります。したがって、プロパティをに設定する必要がありsimulateTouchますfalse。これにより、Swiperはマウスイベントを無視できるようになります。

すべての.swipe()関数で、このパラメーターを指定します。

simulateTouch: false

Swiperを開始するときは、次のようなものを使用します。

var mySwiper = new Swiper('.swiper-container', { 
    speed:750, 
    mode:'vertical',
    simulateTouch: false
});
于 2012-10-17T05:39:12.713 に答える
0

何かを確認したかったのですが、設定したとおっしゃっていましz-index: 1000;たが、設定しましたposition: absolute;か？プロパティは、次のように設定された属性z-indexでのみ機能しますpositionabsolute

于 2012-10-10T10:37:03.060 に答える
0

私はこのようなスライダーの新しいバージョンでこれを解決しました。これに到達するのに時間がかかりました

           $('.swiper-slide select').on('mousedown touchstart MSPointerDown', function(e){
           e.stopPropagation();
   }); 
           $('.swiper-slide input').on('mousedown touchstart MSPointerDown', function(e){
           e.stopPropagation();
   }); 
           $('.swiper-slide textarea').on('mousedown touchstart MSPointerDown', function(e){
           e.stopPropagation();
   });
于 2014-03-28T10:24:44.913 に答える