jquery - 将鼠标悬停在不透明菜单上

Question

这是我的精美菜单。

        <script type="text/javascript">

        $('#brand_logo').bind('inview', function(event, visible) {
            if (visible == true) {
                // console.log("visible");
                $("#topnav").animate({
                    opacity: 1.0
                });
                // $(".head-wrap-left").hide();
            } else {
                // console.log("invisible");

                $("#topnav").animate({
                    opacity: 0.6
                });
                // $(".head-wrap-left").show();
            }
        }); 

        </script>​

只有一个问题。如果用户重新加载页面并且元素不在视口中，则默认为 1.0 不透明度。我怎样才能解决这个问题？

Answer 1

你试过绑定inview和mouseenter吗？像这样：

 $('#brand_logo').bind('inview mouseenter', function(event, visible) {..}

您不需要使用 .find 如果它在刷新或加载时位于视口中，则应该触发您的 inview 事件。