从jsfiddle实现Jquery到自己的html文件

时间:2016-11-15 11:09:45

标签: javascript jquery html

我找到了以下jsfiddle代码:

<input type="text" id="meta_title" name="Disk_Space"> 
<input type="text" id="meta_description" name="RAM"> 
<input type="text" id="header" name="VRAM"> 
  <input type="submit" value="Create">
  <button id="save">save</button>
  <button id="load">load</button>

$('#save').on('click', function(){

    $('input[type="text"]').each(function(){    
        var id = $(this).attr('id');
        var value = $(this).val();
       localStorage.setItem(id, value);

    });   
});

$('#load').on('click', function(){
    $('input[type="text"]').each(function(){    
        var id = $(this).attr('id');
        var value = localStorage.getItem(id);

        $(this).val(value);

    }); 
});

对于我正在进行的项目的一部分而言,这是完美的,但我无法让它在html文件中工作。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

这是因为有一个名为

的列
  

&#34;外部资源&#34;

左侧面板上的

,我们可以在环境中包含外部JS,CSS文件。而且您忘记在代码中添加这些外部文件。添加这些文件,然后重试。