點擊圖片移動圖片元素，如何移動圖片的div與圖片？

我有這樣的JS腳本：點擊圖片移動圖片元素，如何移動圖片的div與圖片？

// JavaScript Document 


var items_left = []; 
var items_right = []; 

function addTrade(left, object) { 
     if(left === "true"){ 
      if(items_left.length < 4){ 


      items_left.push($(object).attr("data-id")); 
      console.log(items_left.length); 
      $(object).attr("onClick", "removeTrade(\"true\", this);"); 

      $("#addtrade_have").append($(object)) 




      } 
     } else { 

      if(items_right.length < 4){ 


      items_right.push($(object).attr("data-id")); 
      console.log(items_right.length); 
      $(object).attr("onClick", "removeTrade(\"false\", this);"); 

      $("#addtrade_want").append($(object)); 

      } 
     } 
} 

function submit() { 

    console.log("Submit called!"); 

    var comment = document.getElementById("comment").value; 

    if(items_left.length > 0 && items_right.length > 0){ 

      var data_post = {comment: comment, h_1: items_left.shift(), h_2: items_left.shift(), h_3: items_left.shift(), h_4: items_left.shift(), w_1: items_right.shift(), w_2: items_right.shift(), w_3: items_right.shift(), w_4: items_right.shift()}; 

      console.log(data_post); 

      $.ajax({ 
       type: "POST", 
       url: "trade_insert.php", 
       data: data_post, 
       success: function(){ 
        alert("Trade sent!"); 
        window.location.replace("mytrades.php"); 
       }, 
       error: function(){ 
        alert("ERROR!");  
       } 

      }); 

    } else { 
     alert("You must add at least 1 item to each side!");  
    } 
}

PHP腳本：

<div id="addtrade_have"></div> 
<div id="addtrade_want"></div> 



        <div class='skin'> 
        <div class='skin-item' data-id='".$item_id."'> 
       <img onmouseover=\"nhpup.popup('<b>".$item_name." (".$exterior.")</b><br>".$rarity."');\" src='http://steamcommunity-a.akamaihd.net/economy/image/".$icon_url."/99fx66f' alt='Picture not found!' class='img' onClick=\"addTrade('true', this);\"> 
        </div> 
        </div>

而且現在的腳本做，當我點擊圖像，圖像移動到ID #addtrade_have但我的div除圖像外。當我點擊圖像時，我會如何做到這一點，它會移動div和我有的圖像元素？

謝謝你們！

來源

2015-05-03 Zeligon1

燦你爲你的問題創建小提琴？或者只是放下所有代碼以便更好地理解。 – Rayon

發佈與問題相關的HTML。我們不能繼續猜測！ – lshettyl

我用html ..編輯我的文章並不是全部。讓我知道你是否需要所有的HTML。 – Zeligon1

嘗試改變：

$("#addtrade_have").append($(object))

上

$("#addtrade_have").append($(object).parent())

看通jQuery的文檔的parent function

更新

爲

$("#addtrade_want").append($(object));

變化對

$("#addtrade_want").append($(object).parent());

還是多少步了你想以同樣的方式 - 讓不少家長，或者嘗試使用closest() function，如果你知道父元素的ID或類

來源

2015-05-03 09:29:29 xAqweRx

點擊圖片移動圖片元素，如何移動圖片的div與圖片？

回答

相關問題