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

【问题标题】：how to hide skitter-slider jquery plugin's Next and Prev navigation buttons如何隐藏 skitter-slider jquery 插件的 Next 和 Prev 导航按钮
【发布时间】：2014-03-19 07:32:04
【问题描述】：

skitter-slider 插件设置了以下道具，但每当我将鼠标悬停在幻灯片上时，下一个和上一个按钮就会变得可见。即使鼠标悬停在幻灯片上，我也需要删除按钮。我觉得应该通过navigation来处理：false但是不行。

<!-- 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>

我还尝试将 display:none 添加到 skitter.styles.css 文件中的所有以下类。

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

【问题讨论】：

无法正确理解您的问题。你想显示上一个，下一个隐藏它的按钮吗？如果你想隐藏它而不是导航： false 应该可以解决问题。
隐藏你需要display:none;对..
您也显示：阻止 CSS 导致问题，请尝试删除它或使其显示：无；
@Nimmi：我想隐藏上一个和下一个按钮。我不知道为什么这不起作用。也许我应该尝试一个干净的。
或者尝试给出 display: none !important;

标签： jquery css skitter-slider

【解决方案1】：

打开 skitter.styles.css 并将这一行 display: block; 更改为

 display: none !important;

在 skitter.styles.css，

    /* =Round theme
    -------------------------------------------------------------- */
.skitter-round .prev_button, 
.skitter-round .next_button, 
.skitter-round .play_pause_button, 
.skitter-round .focus_button 
{
    display: none !important; // change to this
    background: url('../images/sprite-round.png') no-repeat;
}

【讨论】：

我试过了，但是当鼠标悬停时它会被skitter本身处理和覆盖
@imanabidi 我已经使用“display: none !important;”检查了这个及其工作:)

【解决方案2】：

你可以使用 display: none !important;来解决这个问题。

【讨论】：

对不起，我应该选择 newTag 答案，因为它更完整，可以更好地帮助新人。但我真的很感谢你的帮助