1

嗨，stackoverflow 的伟大人物，

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

FMSSB.COM

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

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

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

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

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

谢谢。

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

4

3 回答 3

3

这是因为 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
});
于 2012-10-17T05:39:12.713 回答
0

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

于 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 回答