0

截至目前，这是我用来动态创建div<div>内部的代码。widgets有一个复选框列表，单击添加按钮后，将动态创建具有复选框值的 id div。但是在刷新动态创建的 div 时会被破坏。如何保存动态创建的 div。

HTML

    <div>

      <input type="checkbox" name="basic_line" value="basic_line">Basic line<br>
      <input type="checkbox" name="pie_chart" value="pie_chart">Pie Chart<br>
      <input type="button" value="Add" id="btnClick">


    </div>


    <div id="widgets" class="span6"></div>

JS

$(function(){
       $('#btnClick').click(function(){
           var val = [];
           $(':checkbox:checked').each(function(i){
              val[i] = $(this).val();
           });
            for (var value in val){

                $( "#widgets" ).append( "<div class = "+val[value]+
                ">"+'<input type="button" value = "Remove" onClick="remove_widget(\'' + val[value] + '\')" />'+
                "<div id="+val[value]+" style='height: 300px'></div></div>");
            create_widget();
            $( "#"+val[value] ).draggable();


       }
      });
    });
4

2 回答 2

0

您可以将值数组存储在 cookie 中，您可以在页面重新加载后添加该值。

只需遍历数组中的每个值并执行您的点击功能。

以下是如何在 cookie 中存储数组： https ://stackoverflow.com/a/1959540/540247

于 2013-09-03T06:36:14.227 回答
0

您可能利用DOM 存储来实现这一点- 它可以在所有现代浏览器（包括 IE8）中使用。即使在页面重新加载后，将您的 DOM 更改保存在 DOM 存储中也会保留您所做的更改。

于 2013-09-03T06:36:21.060 回答