jquery的DIV appendTo

Question

我有这样产生的： HTML

<button type="submit" class="button" id="addk">Add div</button> 
<div class="body" style="float: left;"> 

和

的JavaScript

var RL; 
RL = 0; 
$("#addk").click(function() { 
     RL = RL + 1; 
     RN = "Tekst" + RL; 
     $("<div id='" + RN + "' class='we' > " + 
      "<B>Kon" + RL +"</B>" + 
      "<button type='submit' class='button' onclick='Add(" + RN + ");' >AddNext</button>" + 
      "<button type='submit' class='button' onclick='Close(" + RN + ");' >Close</button>" + 
      "<button type='submit' class='button' onclick='Up(" + RN + ");' >Up</button>" + 
      "<button type='submit' class='button' onclick='Down(" + RN + ");' >Down</button><br />" + 
      "<br />" + "<input type='text'>" + "<br /><br />" + '</div>'). 

     appendTo(".body"); 
    }); 
function Close(){ 
$(".we").hide();// doesn't work 
} 
function Up(){ 
    if ($(this).hasClass('.we')) { 
     $(this).closest('.body').insertBefore($(this).closest('.body').prev()); 
    } 
} 
function Up (we){ 
if ($(this).hasClass('.we')) { 
     $(this).closest('.body').insertBefore($(this).closest('.body').prev()); 
    } 
} 

我不知道如何把一个DIV ID和功能做的操作，即启动/关闭并关闭。

我无法添加图片，但它是关于

<div id="Text2" class="we"> 

http://jsfiddle.net/WmbmF/24/

Answer 1

由于提交按钮会自动添加，你需要使用事件代表团注册事件处理程序，如：

// New way (jQuery 1.7+) - .on(events, selector, handler) 
$(document).on('click', '.button', function(event) { 
    event.preventDefault(); 
    alert('testlink'); 
}); 

你可以尝试给按钮添加/关闭/上/下功能的一些特定的ID。

FIDDLE DEMO
（仅显示关闭功能，尝试添加多个div和关闭它们）