jQuery的，排序：修改「clickAt」

我有以下的可拖動列表中的項目結構：jQuery的，排序：修改「clickAt」

<ul id="dadCol_0" class="dad-list ui-sortable"> 
<li class="dad-item ui-draggable" id="sl1" style="position: relative;">1</li> 
<li class="dad-item ui-draggable" id="sl2" style="position: relative;">2</li> 
<li class="dad-item ui-draggable" id="sl3" style="position: relative;">3</li> 
<li class="dad-item ui-draggable" id="sl4" style="position: relative;">4</li> 
<li class="dad-item ui-draggable" id="sl5" style="position: relative;">5</li> 
</ul>

現在沒有重要性，當你在矩形內單擊開始draging - 但我希望它是中心這個矩形（寬度/ 2，高度/ 2）。我有些需要使用clickAt財產我想，但繼承人一個小例子什麼伊夫迄今所做的：

$('.dad-item').each(function() { 
    $(this).draggable({ 
     opacity: 0.6, 
    }); 
});

這樣做的不透明度，但現在拖動被打破：項目不會更改順序，不復歸觸發等

編輯：第二次嘗試：

dad_list.sortable({ 
    connectWith: 'ul.dad-list', 
    containment: '#containment', 
    items: 'li.dad-item', 
    cursorAt: { 
     top: $(this).height() 
    }, 
    stop: function(event, ui) { 
     serializedads(); 
    }  
});

，現在我不能移動它上下，只有水平

來源

2013-01-21 John Smitth

你可以添加一個jsfiddle嗎？ – Wolf

類似這樣：http://jqueryui.com/draggable/#constrain-movement當我修改draggable（）屬性時，該項出錯了。 –

檢查我的答案。這是你需要的嗎？ – Wolf

我想你需要someth ing像這樣

$('.dad-item').draggable({ 
    opacity: 0.6, 
    cursorAt: { 
     left: width/2, 
     top: height/2 
    } 
});

來源

2013-01-21 09:35:26 Wolf

現在物品被卡住了。 –

你能爲此創建一個JSFiddle嗎？我無法猜測你是如何使用這些的。 – Wolf

你確定頂級屬性可以嗎？ –

jQuery的，排序：修改「clickAt」

回答

相關問題