1

我创建了一个带有选择输入的页面来更改正在使用的 jQuery UI 主题。当主题改变时，它被存储在一个 cookie 中。当页面加载时，如果 cookie 存在，则恢复主题，否则加载默认主题。

当我使用 F5 刷新页面时，我的代码确实可以工作，但如果我使用 ctrl + F5 强制完全重新加载，它不会。这是我的代码中的问题还是正常效果？

如果需要，这是我的代码：

(function($) {

    $(function() {

        var $themeSelect = $('#themeSelect');

        var initialTheme = $.cookie('theme');

        $themeSelect.on('change', function() {
            var dir = 'jQueryUI/css/' + $themeSelect.val();            
            $('#uiThemeA').attr('href', dir + '/jquery-ui.min.css');
            $('#uiThemeB').attr('href', dir + '/jquery.ui.theme.css');
            $.cookie('theme', $themeSelect.val());
        });

        if(initialTheme !== undefined) {
            $themeSelect.children().each(function(index, element) {
                var $element = $(element);
                if($element.attr('selected')) {
                    $element.removeAttr('selected');
                }
                if($element.attr('value') === initialTheme) {
                    $element.attr('selected');
                }
            }).trigger('change');
        } else {
            $.cookie('theme', $themeSelect.val());
        }

    });

})(jQuery);

谢谢你的帮助 ！

4

1 回答 1

0

我发现了问题：

我的代码中有一个错误：

if($element.attr('value') === initialTheme) {
    $element.attr('selected');
}

应该 ：

if($element.attr('value') === initialTheme) {
    $element.attr('selected', 'selected');
}

不，强制重新加载不会删除 cookie。

于 2013-07-26T19:00:49.507 回答