Question

我正在使用hoverFlow一个JQuery插件，到目前为止工作正如我预期的那样，但我希望在屏幕调整大小小于799px时将其删除，并在屏幕调整大小时将其添加回来800像素。这是我的代码：

function setEffects() {
    if(document.documentElement.clientWidth >= 800){
        if($("#menu-main-nav-menu a span").length == 0){
            $("#menu-main-nav-menu a").append("<span>&nbsp</span>");
            $("#menu-main-nav-menu a").hover(function(e) {
            $(this).hoverFlow(e.type, { width: 248 }, 200)
                .css('overflow', 'visible')
                .find('span')
                .hoverFlow(e.type, { width: 5 }, 200)

            }, function(e) {
                $(this).hoverFlow(e.type, { width: 233 }, 200)
                    .css('overflow', 'visible')
                    .find('span')
                    .hoverFlow(e.type, { width: 20 }, 200)
            });
        }
    }else{
        if($("#menu-main-nav-menu a span").length != 0){
            $("#menu-main-nav-menu a").remove('span');
        }
    }
}

$(document).ready(setEffects);
window.onresize = setEffects;

提前感谢，如果您有任何疑问，请告诉我： - ）

Answer 1

尝试取消绑定事件：

$(this).unbind(e.type);

如何删除一些效果（hoverFlow）？

1 个答案: