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 に保存できます。

配列内の各値をループして、クリック機能を実行するだけです。

クッキーに配列を保存する方法は次のとおりです: https://stackoverflow.com/a/1959540/540247

于 2013-09-03T06:36:14.227 に答える
0

これを実現するためにおそらく利用できるのは、DOM ストレージです。これは、最新のすべてのブラウザー(IE8 を含む)で使用できます。DOM の変更を DOM Storage に保存すると、ページをリロードした後でも行った変更が維持されます。

于 2013-09-03T06:36:21.060 に答える