Показать сообщение отдельно
  #9 (permalink)  
Старый 23.09.2015, 03:48
Аспирант
Отправить личное сообщение для ninja2 Посмотреть профиль Найти все сообщения от ninja2
 
Регистрация: 07.06.2015
Сообщений: 90

От полностью код, обработчик клик один раз вызывается, остальные разы не реагирует че так?
<!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>
Ответить с цитированием