2
我正在與jQuery拼圖。 我現在使用拖放。還有更好的方法嗎? 我想把我的作品與我放置它們的地方聯繫起來。所以一個特定的拼圖片與特定的放置位置相關聯。但我不知道我該怎麼做。 另一個問題是,當我放下一塊,然後我把它放回另一塊,這是行不通的。我必須刷新頁面才能再次丟棄,是否有解決方案?如何刪除照片
<script>
$(document).ready(function() {
$("button").button({icons: {
primary: "ui-icon-gear" }});
$("img").draggable() });
$(function() {
$("#droppable").droppable({
drop: function(event, ui) {
$(this)
.addClass("ui-state-highlight")
.find("img") ;
}
});
});
</script>
<body>
<img class="puz1.1"src="images/1.1.1.png"> </img>
<img class="puz1.1"src="images/1.1.2.png"> </img>
<img class="puz1.1"src="images/1.1.3.png"> </img>
<img class="puz1.1"src="images/1.1.4.png"> </img>
<img class="puz1.1" src="images/1.1.5.png"> </img>
<br><br>
<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>
</body>
css:
#droppable{
width: 50px;
height:50px;
margin: 0;
}