我已經使用了jQuery的佈局,並且在這個佈局中我使用了拖拽。但我無法得到爲什麼可丟棄的元素沒有在拖放區拖動。我用這對拖,但不能獲得成功可拖拽的元素在拖拽的頁面中拖動
jQuery(function() {
jQuery(".component").draggable({
//use a helper-clone that is append to 'body' so is not 'contained'
//by a pane
helper: function() {
return jQuery(this).clone().appendTo('body')
.css({'zIndex':5,}).show();
},
cursor: 'move'
});
jQuery('.ui-layout-center').droppable({
accept: '.component',
drop: function (event, ui) {
jQuery(this).append(jQuery(ui.draggable).clone());
}
});
});
我的HTML頁面是一樣的..
<div class="ui-layout-south">
<button onclick="myLayout.toggle('north')">Toggle North Pane</button>
</div>
<div class="ui-layout-east"><span>Components</span>
<div class="component" style="width: 30px; border: 2px solid #CCC;
background: #009; padding: 10px;"></div>
<p><button onclick="myLayout.close('east')">Close Me</button></p>
</div>
<div class="ui-layout-center">
</div>
您的代碼正在工作。看到這個小提琴http://jsfiddle.net/WpRTc/ – Pavan 2012-01-09 05:34:50
不,它沒有按照要求工作。在可丟棄區域,它不會再次拖動。 – Jackson 2012-01-09 05:37:04