如何使引导转盘仅在悬停在一段文本上时显示？

Question

请帮帮我！几天来，我一直试图找到这个看似简单的函数，但只能找到与bootstrap控件隐藏显示相关的信息。如何使用css或java将隐藏显示应用于整个引导转盘？我希望只有当鼠标悬停在文本上时，旋转木马才会出现。请让我知道!谢谢。

Answer 1

根据你的问题做一些假设。您正在使用Bootstrap。因此，我假设您也在使用jQuery，因为它是一个依赖项。为什么不使用jQuery删除悬停文本时不显示的类。

<script>
    $( "#text-container" )
        .on( "mouseenter", function() {
            $( "#carrousel" ).removeClass( "no-display" );
        })
        .on( "mouseleave", function() {
            $( "#carrousel" ).addClass( "no-display" );
        });
</script>

text-container应该用来定位文本容器。应使用carrousel来确定轮播容器的目标。

有关更多信息，请查看此页面https://api.jquery.com/mouseout/

提示:下一次，告诉我们更多关于你正在使用的技术。