window.resize函数，我做错了什么？

Question

我有一个脚本只能以高于980的分辨率工作。我写了值if（$（window）.width（）＆gt; 980）但它不起作用。更确切地说是工作，但不正确。当我打开网站最初是在一个小的解决方案，脚本不能按预期工作，但当你提高分辨率，他再次无法工作，不应该是什么。相反，如果最初以高分辨率打开，则脚本正在运行，如果是减少窗口而不是再次停止工作。我做错了什么？

以下是脚本的原始版本

(function ($) {
    $.fn.hoverfold = function (args) {
        this.each(function () {
            $(this).children('.view').each(function () {
                var $item = $(this),
                    img = $item.children('img').attr('src'),
                    struct = '<div class="slice s1">';
                struct += '<div class="slice s2">';
                struct += '<div class="slice s3">';
                struct += '<div class="slice s4">';
                struct += '<div class="slice s5">';
                struct += '</div>';
                struct += '</div>';
                struct += '</div>';
                struct += '</div>';
                struct += '</div>';

                var $struct = $(struct);                   
                $item.find('img').remove().end()
                .append($struct).find('div.slice').css('background-image', 'url(' + img + ')').prepend($('<span class="overlay" ></span>'));
            });
        });
    };
})
(jQuery);

这是我写的代码。

var hoverhold = function () {
    if ($(window).width() > 980) {
        (function ($) {            
            $.fn.hoverfold = function (args) {
                this.each(function () {
                    $(this).children('.view').each(function () {
                        var $item = $(this),
                            img = $item.children('img').attr('src'),
                            struct = '<div class="slice s1">';
                        struct += '<div class="slice s2">';
                        struct += '<div class="slice s3">';
                        struct += '<div class="slice s4">';
                        struct += '<div class="slice s5">';
                        struct += '</div>';
                        struct += '</div>';
                        struct += '</div>';
                        struct += '</div>';
                        struct += '</div>';

                        var $struct = $(struct);

                        $item.find('img').remove().end()
                            .append($struct).find('div.slice').css('background-image', 'url(' + img + ')').prepend($('<span class="overlay" ></span>'));
                    });
                });
            };
        })
        (jQuery);
    } else {
    }
};
hoverhold();
$(window).resize(hoverhold);