javascript - localStorage 和 jQuery(没有工作的 css)

Question

我正在处理从表单接收到的数据的前两页并将其存储在 localStorage 中:

<form id="myForm" method="post">
        font-size px: <input id="fontsize" type="text" name="fontsize" />
</form>


<script type="text/javascript">
  var inpX = document.getElementById('fontsize');
  var x = parseFloat(inpX.value);
  localStorage.setItem('inpX', x);

在第二页写代码jquery增加字体:

$(document).ready(function(){
 var fontsX = localStorage.getItem('inpX');
 $("#info").css('font-size':'fontsX +'px'');
});

但是没有任何反应。我做错了什么？

Answer 1

冒号用于对象 符号(当您传递属性对象时)。所以还有一个版本来设置 css 属性:

$("#info").css({'font-size': fontsX + 'px'});

甚至更短

$("#info").css({fontSize: fontsX + 'px'});

因为 jQuery 会将 snake-case 名称规范化为 cameCase。