如何從放下區域放下圖像時獲取圖像的值？

我有一個拖放代碼在這裏從jquery我想獲得的圖像的價值，然後將其插入到數據庫，當圖像從可投放區域刪除然後更新和刪除圖像值..我該怎麼做它？這裏的代碼....如何從放下區域放下圖像時獲取圖像的值？

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Droppable - Default functionality</title> 
    <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> 
    <script src="js/jquery-1.4.4.js"></script> 
    <script src="js/jquery.ui.core.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.ui.mouse.js"></script> 
    <script src="js/jquery.ui.draggable.js"></script> 
    <script src="js/jquery.ui.droppable.js"></script> 
    <link rel="stylesheet" href="js/demos.css"> 
    <style> 
    #comment { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } 
    #draggable1 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } 
    #droppable { width: 500px; height: 200px; padding: 0.5em; float: left; margin: 10px; background: silver;} 

    </style> 
    <script> 
    $(function() { 
     $("#comment").draggable(); 
     $("#draggable1").draggable(); 
     $("#droppable").droppable({ 

      drop: function(event, ui) { 
      $(this) 
      .find("p") 
       .html("Dropped!") 
      }, 
      out: function(event, ui) { 
      $(this) 
      .find("p") 
       .html("Drop Node Here!"); 
      } 
     }); 
    }); 


    </script> 
</head> 
<body> 

<div class="demo"> 

<div id="comment" class="ui-widget-content"> 
    <img src="images/signup.png" id="1"> 
</div> 
<div id="draggable1" class="ui-widget-content"> 
    <img src="images/signup.png" id="2"> 
</div> 



<div id="droppable" class="ui-widget-header"> 
    <p>Drop Node here</p> 
    <?php 
     $comment = "#comment"; 
     $drop = "#droppable"; 
     $dropped = "dropped"; 
     require_once("includes/connection.php"); 

     require_once("includes/close.php"); 
    ?> 
</div> 

</div><!-- End demo --> 

</body> 
</html>

來源

2011-02-01 moyki

的src。請只使用相關標籤 – 2011-02-01 10:01:42

關我的頭這樣的事情上應該給你重新標記的圖像

drop: function(event, ui) { 
var image_src = $(ui).attr('src');

來源

2011-02-01 10:04:06 kieran

如何從放下區域放下圖像時獲取圖像的值？

回答

相關問題