可放開不會正確的位置

我創建了真實風格的清單，因爲我已經在添加的CSS樣式時，物品放回他們去下面的現有項目，毀了我的箱子庫存。我怎樣才能解決這個問題？ （他們基本上輟學的邊界之一，進入一個新的）可放開不會正確的位置

注：去除itembox1，itembox3和itembox4似乎解決然而，我失去了我的造型。我可以用什麼來取代用於造型的div。

function itemInSpot(drag_item,spot) 
{ 
var oldSpotItem = $(spot).find('img'); 
if(oldSpotItem.length>100) { 
oldSpotItem.appendTo('.inventholding').draggable({ revert: 'invalid' }); 
} 
var item = $('<img />'); 
item.attr('src',drag_item.attr('src')).attr('class',drag_item.attr('class')).appendTo(spot) .draggable({ revert: 'invalid' }); 
drag_item.remove(); // remove the old object 
} 

$(document).ready(function() { 
    $("img").draggable({ revert: 'invalid'}); 

$(".inventholding").droppable() 
$("#pricebox").droppable({ accept: '.price'}) 
$('#pricebox').droppable({ accept: '.price'}); 
$('#pricebox,#pricebox,.inventholding').bind('drop', function(ev,ui) {  itemInSpot(ui.draggable,this); }); 

$('#clone_button').click(function() { 
    $('#clone_wrapper div:#pricebox') 
     .clone() 
    .append('') 
    .appendTo($('#clone_wrapper')); 
}) 
}); 

<div id="container"> 

<body> 
    <div id="clone_wrapper"> 
     <div class="right"> 
      <div id="pricebox" style="background: none; width:153px; padding:1px; height:auto; margin 1px; border:1px solid black; 
float:left;"> 
       <select name="qty"> 
        <option value="Each" selected>Each</option> 
        <option value="All"> All</option> 
        <option value="Any 2">Any 2</option> 
        <option value="Any 3">Any 3</option> 
       </select> 
       <input id="coin" type="text" id="text" name="text_name" style="width: 35px; style=" height: 21px; " maxlength=3 /></h6></div> 
</div></div> 

<button id="clone_button ">New</button></div> 
<div id='inventrightside1'><div id='inventrightside2'><p1><img  src="http://kennenmen.netai.net/images/invent1.png "/></p> 

<div class="inventholding " clear:both;"> 
       <div id="itembox1"> 
        <div id="itembox3"> 
         <div id="itembox4"> 
          <img src="http://images.lasuni.com/icons/lionhat_red.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/duckring_pink.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/cowboyhat_gold.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/halo_pink.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/cakehat_strawberry.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/ninjaeyemask_pink.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/carnivalmask_blue.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/alienhead_purple.png" class="price" alt="" /> 
          <img src="http://images.lasuni.com/icons/skullhead_white.png" class="price" alt="" /> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
</body> 
</div>

來源

2013-04-17 Kennen Lasuni

我不知道發生了什麼錯誤。在Chrome中，一切似乎都應該如此。 – Raffael

我在jsfiddle中使用自己的Chrome，是否將物品放回庫存？ –

好吧，我放棄了他們，他們自動回去。但你的意思是把它們放在盒子上。現在明白了。 – Raffael

在您的JS變化.inventholding到#itembox4

http://jsfiddle.net/tzDXq/

來源

2013-04-17 09:32:30 Raffael

^這個人**傳奇** –

http://jsfiddle.net/hWabw/

  <div id="itembox1"> 
       <div id="itembox3"> 
        <div id="itembox4"> 
        ... 
        </div> 
       </div> 
      </div>

我刪除了itemboxes，現在它似乎工作。

另一種方法是將最後一個itembox作爲放置目標。不是周圍的容器。

來源

2013-04-17 09:24:31 Raffael

hmm yer我希望保持樣式，因爲它匹配客戶端版本，這是預先存在的。否則，如果我只是刪除div，我處於與之前相同的位置。我欣賞幫助。 –

你應該把這個問題。 itemboxes看起來很過時。如果你不知道。 – Raffael

你會推薦什麼來取代它們？我已經編了兩個星期了，所以我還在學習。 –

可放開不會正確的位置

回答

相關問題