1

jquery のドラッグ可能なクローンの重複の可能性をすべて調べた後でも、かなり一般的な問題に対する答えが見つかりません。

正常にクローンできる一連の DIV 要素がありますが、各クローンはドラッグ可能な機能を失います。生成されたコードを確認しましたが、これがなぜなのかまだわかりません。

手がかりはありますか？

<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Sortable - Cloning issue</title>
<style>
.bgblue {
background-color:#9CF;
}
.bgred {
      background-color:#F36;
  }

  </style>

  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="JS/ui/jquery-ui-1.10.3.custom.min.js"></script>


  <script>

  function seCopyBox(x) {
    z = $('.seBox').eq(x).clone();
    z.insertAfter($('.seBox').eq(x));
} 

$(function() {
$( ".seBox" ).draggable();
  });

  </script>

</head>
<body>



<div class="seBox bgblue">
<p onClick="javascript:var x=$(this).closest('.seBox').index();seCopyBox(x)">COPY</p>
<p>Div A</p>
</div>

<div class="seBox bgred">
<p onClick="javascript:var x=$(this).closest('.seBox').index();seCopyBox(x)">COPY</p>
<p>Div B</p>
</div>

<div class="seBox bgblue">
<p onClick="javascript:var x=$(this).closest('.seBox').index();seCopyBox(x)">COPY</p>
<p>Div C</p>
</div>


</body>

4

2 に答える 2