Ajax getJSON数据改变旋转变换值

Question

我有以下代码来获取JSON数据

    $.getJSON('ajax.php', function(data) {
    });

JSON数据如下所示：

{"hour":"180","min":"270","sec":"30"}

我可以像这样提醒小时，分钟或秒：

alert(data.hour);

但是，我想使用data.hour中的值来更改旋转/变换css值。我尝试了以下但似乎没有工作

    $.getJSON('ajax.php', function(data) {
        $('#clock .hh').css( {'transform': 'rotate(data.hour+'deg')'});
    });

我甚至尝试将JSON文件更改为：

{"hour":"180deg","min":"270deg","sec":"30deg"}

然后尝试了这个：

        $('#clock .hh').css( {'transform': 'rotate(data.hour)'});

但即使这样也行不通了

任何想法如何做到这一点？

Answer 1

您的代码中有拼写错误。
data.hour之间没有引号将其与字符串分开 这是纠正

$.getJSON('ajax.php', function(data) {
        $('#clock .hh').css( {'transform': 'rotate('+data.hour+'deg)'});
    });

编辑后 你应该写

$('#clock .hh').css( {'transform': 'rotate('+data.hour+')'});

Answer 2

代码段的格式化几乎揭示了我认为的问题：

'transform': 'rotate(data.hour+'deg')'

＆＃34; data.hour＆＃34;在这里被视为字符串值，而不是实际值。

试试这个：

'transform': 'rotate(' + data.hour + 'deg')'