在某些窗口宽度后执行JS函数

Question

关于同一个问题，我已经阅读了几个类似的问题，并且我已经实现了我的功能。但是它没有按预期工作。我在我的网站上使用Bootstrap，因此页面上的每个元素都是响应式的。

问题描述：我正在使用jQuery stick插件http://stickyjs.com/，我正在使我的页面的一个元素始终可见。现在我想要实现的是粘性插件调用仅在窗口宽度高于1024px时才有效。由于我使用的是bootstrap并且低于1024 px，因此每个元素都会堆叠在下面。

这是我的功能

$(document).ready(function() {
    function checkWidth() {
        var windowSize = $(window).width();

        if (windowSize >= 1024) {
            $(".rightmain").sticky({
                topSpacing:0
            });
        }
    }
    checkWidth();
    // Bind event listener
    $(window).resize(checkWidth);
});​

此代码不会调用粘性插件。

如果我卸下宽度计算功能并简单地调用下面提到的粘性插件，那么它可以正常工作。

$(document).ready(function(){
    $(".rightmain").sticky({
        topSpacing:0
    });
});

另外，如果有人能给我一些指向除http://stickyjs.com/之外的其他库的指针，我可以选择在某个给定的窗口（高度/宽度）之后禁用插件，那么它会很棒。由于我使用的是bootstrap，所以我不想在其他任何情况下调用sticky插件。