Question

我正在做jquery draggable它在初始情况下工作正常但是当使用jswhat创建一个新的相同div时它不起作用我的代码的实际问题请帮助我 http://galtech.org/testing/drag_new.php 拖我老做得很好但是使用New元素创建了新的可拖动div（底部是红色锚点）它没有可拖动的属性

 <script>
  function shw()
  {
    $("#name").html('<div id="draggable">Drag me new</div>');
  }
  $(document).ready(function() {

     $( "#draggable" ).draggable({ cursor: 'move', containment: '#name', opacity: 0.35 }); 
  });
  </script>
</head>
<body >
  <div id="name" style="background:#9999FF; height:500px; width:500px;"> 
<div id="draggable">Drag me old</div>
</div>
<a onClick="shw();" style="background-color:#FF0000; cursor:pointer;">New element</a>


</body>
</html>

Answer 1

您必须重新初始化可拖动的。制作document.ready中的内容并在添加新的可拖动

后调用它

Answer 2

您正在向初始化时不存在的dom添加元素。

如果要在将来创建的元素上使用函数，可以使用jQuery中的live函数

Source

修改：由于live无法在此处运行，因此我在此处使用了一个插件： liveQuery

Here's the jsFiddle with livequery that work with your code

Answer 3

<script>

function shw()   {
   $("#name").html('<div id="draggable">Drag me new</div>');
}

$(document).ready(function() {

$( "#draggable" ).draggable({ cursor: 'move', containment:

'＃name'，不透明度：0.35}）;

});

</script>

添加新元素后初始化可拖动

function shw()   {
   $("#name").html('<div id="draggable">Drag me new</div>')
.find('#draggable').draggable({ cursor: 'move', containment:'#name',opacity: 0.35});
}

$(document).ready(function() {

$( "#draggable" ).draggable({ cursor: 'move', containment:'#name',opacity: 0.35});

});

jquery draggable不起作用

3 个答案: