javascript - 修改 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});
});

但是，我试图修改它以使用大小为 in 的变量，而不是从 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});
});