От полностью код, обработчик клик один раз вызывается, остальные разы не реагирует че так?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#edit > p:after{
content: "Переместить";
margin-left: 10px;
}
#edit {
width: 500px;
}
#menu a{
margin: 5px;
}
#block a{
margin: 5px;
}
.block{
background-color:red;
}
#content a{
margin: 5px;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
function ff()
{
//1 получаем массивы элементов
var a=$("#menu a");
var c=$("#content div");
//var d=new Array();
var d=[];
//2. обходим элементы в цикле
for(i=0;i<c.length;i++)
{
var z=$("</p>",{//создаем параграф
data: {
b: "b"
}
});
//создаем ссылку
var hr=$("<a/>",{
id: i,
class: "kkk",
text: "Удалить",
href: "javascript:void(0)",
});
z.append([hr]);//добавляем в параграф
d[i]=z;
}
$("#edit").text("");
$("#edit").append(d);
}
ff();
//функция сотрировки
$("#edit").sortable({
stop: function(a, b) {
var c = $.map($("#edit p"), function(a,k) {
return $(a).data("b")
});
var d = $.map($("#edit p"), function(a,k) {
return $(a).data("bb")
});
$("#menu").append(c);
$("#content").append(d);
// ff();
}
});
$("#select").change(function() {
if ($("#select option:selected").val() == 'textarea') {
$("#options").html('text: <textarea id="textarea"></textarea>');
}
if ($("#select option:selected").val() == 'img') {
$("#options").html('link: <input id="image">');
}
});
$(".kkk").click(function() {
// alert("hellow world");
//1 получаем массивы элементов
alert(this.id);
var a=$("#menu a");
var c=$("#content div");
alert(this.id);
a[this.id].remove();
c[this.id].remove();
ff();
});
});
</script>
</head>
<body>
<div id="menu">
<a href="#dfdf">1df</a>
<a href="#fgg44">2fsdfsd</a>
<a href="#Df324">3dsfdsf</a>
</div>
<hr>
<div id="content">
<div id="dfdf">12</div>
<div id="fgg44">45yth</div>
<div id="Df324">64h<b>eh</b>w</div>
</div>
<hr>
<div id="edit"></div>
<hr>
<br>
</body>
</html>