jQuery窗口宽度条件（调整大小）问题

Question

我正在尝试使用jQuery中的调整大小功能（基于窗口宽度）为列表中的链接创建不同的jQuery功能。我只需要将悬停功能设置在768px以上，而单击功能只在768px以下-但它无法正常工作。我想念什么？我应该取消功能吗？谢谢您的帮助。

jQuery(document).ready(function() {
    function checkWidth() {
        if (jQuery(window).width() >= 768) {
            // HOVER FUNCTIONALITY ONLY FOR SCREENS 768 AND OVER
            jQuery(".projectList li a").hover(function() {
                var href = jQuery(this).attr('href');
                jQuery(href).show();
            }, function() {
                var href = jQuery(this).attr('href');
                jQuery(href).hide();
            });
            jQuery(".projectList li a").click(function(e) {
                e.preventDefault();
            });
        } else {
            // CLICK FUNCTIONALITY ONLY FOR SCREENS UNDER 768
            jQuery(".projectList li a").click(function(e) {
                alert("small");
                e.preventDefault();
            });
        }
    }
    checkWidth();
    jQuery(window).resize(checkWidth);
});