通过jQuery将json数据应用于格式化样式

Question

我有一个奇怪的问题：

function loadTextbox(jsonUrl,divId){
    $.getJSON(jsonUrl, function(json) {
        $('#' + divId).html('<h2>'+json.heading+'</h2>');
        alert(json.config.headingConfig);
        $('#' + divId).children().css(json.config.headingConfig);
    })
}

上面的警告返回：{color：'white'，fontFamily：'Arial，Times，serif'}但是，文本的格式不会改变。

现在这里有一个奇怪的部分：如果我这样做：

function loadTextbox(jsonUrl,divId){
        $.getJSON(jsonUrl, function(json) {
            $('#' + divId).html('<h2>'+json.heading+'</h2>');
            alert(json.config.headingConfig);
            $('#' + divId).children().css({color: 'white', fontFamily:'Arial, Times, serif'});
        })
    }

工作正常......文本格式为Arial字体和白色。我很困惑......这可能意味着有一个非常简单的答案，任何想法？

Answer 1

您的json.config.headingConfig似乎包含JSON 字符串。

您需要通过调用$.parseJSON将其转换为实际对象。