Question

很棒的stackoverflow人，

我的输入框有问题，我无法点击它，这意味着我无法输入任何内容。

FMSSB.COM

输入框位于第8张幻灯片中。用鼠标导航到第8张幻灯片。

我使用了2个jquery插件，如下所示。 iDangero.us移动触摸滑块 Malibu自定义滚动条

我还将z-index设置为1000，这应该将它置于其余部分之上，但它仍然不起作用。

但是，当您反复按Tab键时，您可以到达输入框并在其中输入值。

我希望我能传达我的信息。

感谢。

P.S。请注意它在大屏幕上看起来很奇怪，因为我没有适合较大窗纱的样式。到目前为止，它适用于1280像素宽的屏幕。

Answer 1

这是因为Swiper

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
});

Answer 2

我只是想确定一些事情，你提到你设置了z-index: 1000;，但你设置了position: absolute; ?? z-index属性仅适用于设置为position

的absolute属性

Answer 3

我在这个新版本的滑块上解决了这个问题。我花了很长时间才到达这个

           $('.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();
   });

html - 单击时无法关注输入

3 个答案:

这是因为Swiper