0

追加した div を追加してから削除できるようにする必要があるページがあります。div には設定が含まれている必要があるため、div を非表示にすることはできません。そのため、div/div を削除すると、この div/div の設定も削除されます。読み込まれる/追加される div は次のとおり#settings1 #settings2 #setting3です。

ページには、div を追加するボタンがあります (例: 3 回クリックして追加#settings1 #settings2 #settings3:

<a href="" class="design_button">Click here to add more divs</a>

#settings1 #settings2 #settings3次に、読み込まれたときにコンテンツ ( ) を受け取る div があります。

<div id="this_div_contains_settings">Here the #settings gets loaded in, then deleted if its not needed anymore</div>

次に、別のページ (content.html) に、設定を含む div #settings があります。

<div id="settings1">Some forms etc.</div>
<div id="settings2">Some forms etc.</div>
<div id="settings3">Some forms etc.</div>

これらの div には、追加後に特定の div を削除するボタンがあります。

<a href="" class="design_button">Remove this div</a>

基本: [ここをクリックして div を追加] ボタンをクリックして、複数#settingsの div を divに追加します#this_div_contains_divs。div の [この div を削除] ボタンをクリックして#settings、現在の div を削除します。

私がどのように意味するかを説明するために写真を作成しました：http://imgur.com/DVPSR

私はいくつかの助けが必要です:

#settings1 #settings2 #settings3ボタンをクリックしてコンテンツをロードし、#this_div_contains_settingsその div のボタンをクリックして現在の div を削除します。

誰かがこれで私を助けてくれることを願っています。ありがとう。

4

1 に答える 1

0

index.html ページに jQuery を使用すると、次のようになります。

HTML:

<a href="#" class="design_button add">Click here to add more divs</a>
<div id="this_div_contains_settings"></div>

jQuery (on() を機能させるには、jQuery バージョン 1.7.2 以降をロードする必要があります):

$(function(){
   var number = 1;
   $('a.add').click(function(e){
      e.preventDefault();
      $('#this_div_contains_settings').append('<div id="settings'+number+'">Some forms etc.<a href="#" class="design_button">Remove this div</a></div>');
      number++;
   });
   $('#this_div_contains_settings').on('click','a.design_button', function(e){
      e.preventDefault();
      $(this).parent().remove();
   });
});

ここで働くフィドル：http://jsfiddle.net/WdcTK/

その後、Cookie へのデータの追加はそのままです...

于 2013-01-02T23:27:33.240 に答える