为什么这个jquery没有立即触发

Question

基本上我已经设置了这个 jquery 并且第一部分 if 语句有效。但对于带有工具提示的人来说，它并没有完全按计划进行。

代码如下：

$(window).resize(function(){
        if ($(window).width() > 1200) {
            if (!$('#largeS').length) {
                $('head').append('<link rel="stylesheet" type="text/css" id="largeS" href="http://imgstr.thefinishedbox.com/css/large.css" />');
                if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999) ) { //IE7
                    $('head').append('<link rel="stylesheet" type="text/css" id="ie7Large" href="http://imgstr.thefinishedbox.com/css/ie7Large.css" />');
                }
            }
        }
        else {
            $('#largeS').remove();
            if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999) ) { //IE7
                $('#ie7Large').remove();
            }
        }
        if ($(window).width() > 1024) {
            if(!$('#sidebar .tip').hasClass('vertical')) {
                $('#sidebar .tip').addClass('vertical');
            }
        }
        else {
            $('#sidebar .tip').removeClass('vertical');
        }
    }).trigger('resize'); 

侧边栏提示不会在浏览器加载时触发，因此即使垂直类大于 1024 窗口宽度，也不会添加垂直类。但它可以在加载后更改窗口大小。

不知道为什么，有帮助吗？

编辑：这是实时版本：http://tfbox.com - 工具提示位于热门帖子上。

Answer 1

你为什么不试试这个：

function resizeWindow() {
        if ($(window).width() > 1200) {
            if (!$('#largeS').length) {
                $('head').append('<link rel="stylesheet" type="text/css" id="largeS" href="http://imgstr.thefinishedbox.com/css/large.css" />');
                if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999) ) { //IE7
                    $('head').append('<link rel="stylesheet" type="text/css" id="ie7Large" href="http://imgstr.thefinishedbox.com/css/ie7Large.css" />');
                }
            }
        }
        else {
            $('#largeS').remove();
            if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999) ) { //IE7
                $('#ie7Large').remove();
            }
        }
        if ($(window).width() > 1024) {
            if(!$('#sidebar .tip').hasClass('vertical')) {
                $('#sidebar .tip').addClass('vertical');
            }
        }
        else {
            $('#sidebar .tip').removeClass('vertical');
        }
    }

$(function() {
   resizeWindow();
   $(window).resize(resizeWindow);
}

Answer 2

function adjustStyle(width) {
        width = parseInt(width);
        if (width > 1024) {
            $('#sidebar .tip').addClass('vertical');
        } else {
           $('#sidebar .tip').removeClass('vertical');
        }
    }

    $(function() {
        adjustStyle($(this).width());
        $(window).resize(function() {
            adjustStyle($(this).width());
        });
    });