修改JavaScript訪問變量

Question

我玩弄一些代碼，基於它在div的尺寸放大文本可以在這裏看到：

http://codepen.io/anon/pen/zZqXXd

$(function() { 

    var outer = $('div'), inner = $('h1'), 
    difference = outer.width()-inner.width(), 
    ratio = outer.width()/inner.width(), 
    style = 'translateX(' + difference/2 + 'px) ' + 'scale(' + ratio + ')'; 
    inner.css({'webkit-transform': style, transform: style}); 
}); 

然而，我試圖修改它使用大小的變量，而不是從div中獲取它。這是我的嘗試似乎不工作：

$(function() { 

    var width = "400", 
    var inner = $('h1'), 
    difference = width -inner.width(), 
    ratio = width /inner.width(), 
    style = 'translateX(' + difference/2 + 'px) ' + 'scale(' + ratio + ')'; 
    inner.css({'webkit-transform': style, transform: style}); 
}); 

Answer 1

你有var width = "400"用分號後更換逗號（','）。您當前的代碼會引發語法錯誤。

改正的代碼是：

$(function() { 

    var width = "400"; // <----- 
    var inner = $('h1'), 
    difference = width -inner.width(), 
    ratio = width /inner.width(), 
    style = 'translateX(' + difference/2 + 'px) ' + 'scale(' + ratio + ')'; 
    inner.css({'webkit-transform': style, transform: style}); 
});