如何放照片

Question

我在用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;  
}

Answer 1

我看到您正在使用jQuery。 您可能想看看快照，也可以看看他們的Github存儲庫。 我前一段時間使用了這個插件，它按廣告宣傳工作。

如果您想不使用額外的插件，那么這個演示對您可能會很有趣。 我想我不能在這里包括其來源，但是您可以在此文件中找到它。

如何放照片

問題描述

1 個解決方案

解決方案1
3 已采納 2015-05-14 08:07:42

如何放照片

問題描述

1 個解決方案

解決方案1 3 已采納 2015-05-14 08:07:42

解決方案1
3 已采納 2015-05-14 08:07:42