如何隐藏skitter-slider jquery插件的Next和Prev导航按钮

skitter-slider插件使用以下props进行设置，但是只要将鼠标悬停在幻灯片上，next和prev按钮就会变为可见。即使鼠标滑过幻灯片，我也需要删除按钮。我认为它应该通过导航来处理：false，但它不起作用。如何隐藏skitter-slider jquery插件的Next和Prev导航按钮

<!-- Init Skitter --> 
    <script type="text/javascript" language="javascript"> 
     $(document).ready(function() { 
      $('.box_skitter_large').css({width: 530, height: 110}).skitter({ 
       theme: 'round', 
       numbers_align: 'center', 
       navigation: false, 
       enable_navigation_keys: false, 
       progressbar: false, 
       dots: true, 
       preview: false, 
       hideTools: true 
      }); 
     }); 
    </script>

我也尝试在skitter.styles.css文件中为所有后面的类添加display：none。

.skitter-round .prev_button, 
.skitter-round .next_button,

来源

2014-03-19 Iman Abidi

无法正确理解您的问题。你想显示前一个，下一个隐藏按钮吗？如果你想隐藏它比导航：假应该做的伎俩。 – Nimmi

隐藏你需要'display：none;'right .. –

你也显示：块CSS引起的问题请尝试删除它或使其显示：无; – Nimmi

打开skitter.styles.css这行display: block;改变

display: none !important;

在skitter.styles.css，

来源

2014-03-19 08:13:02 newTag

我尝试过，但在鼠标结束时由skitter本身处理并覆盖它 –

@imanabidi我已使用“display：none！important;”检查了这一个。和它的工作:) – newTag

@imanabidi希望你也做对了吗？ – newTag

您可以使用显示：无！重要;解决这个问题。

来源

2014-03-19 08:44:34 Nimmi

对不起，我应该选择newTag答案，因为它更完整，并会帮助新来者更好。但我非常感谢你的帮助 –

如何隐藏skitter-slider jquery插件的Next和Prev导航按钮

回答

相关问题