skitter-slider插件是使用以下 Prop 设置的,但是每当我将鼠标悬停在幻灯片上时,下一个和上一个按钮就会变得可见。 即使鼠标在幻灯片上,我也需要删除按钮。我认为它应该由 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,
最佳答案
打开 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;
}
关于jquery - 如何隐藏 skitter-slider jquery 插件的 Next 和 Prev 导航按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22499103/