2012-05-04 43 views
1

我想動態設置一個JQuery UI可排序幫助程序,具體取決於鼠標在拖動時的區域。爲了做到這一點,我使用了Jquery UI可排序的setter。它確實在改變它,但它不是現場的(不是當前的事件)。任何想法我怎麼能做這項工作?動態更改JQuery UI可排序幫手?

我已經成立了一個例子 - http://jsfiddle.net/aJEfp/1/

感謝。

+0

你試圖觸發某些東西嗎? –

+0

是的,如果放到放置區域,觸發一個事件並調用一個函數,將該元素作爲參數。 – matthewd

回答

1

我懷疑可排序的目的是讓助手元素改變中間拖動。

我建議將助手設置爲'clone'或自定義DOM元素,然後在中間拖動時修改該元素。通過Sortable事件處理程序中的ui.helper

+0

我已經忘記了這個問題,並且已經發現了我自己,但最終我確實像你回答了一樣,所以這是正確的,因此你得到了賞金。 :) 謝謝! – Viezevingertjes

1

問題是,您在事件處理程序中使用$('.content1')而不是當前可排序的$(this)引發事件。

這裏是你的jsFiddle的固定版本。

http://jsfiddle.net/rkc7e/2/

+0

謝謝,你是對的。我會糾正這些代碼,因爲我甚至在我得到這個線程的答案之前就使用了自定義的DOM元素策略。 – matthewd

1

您可以定位.ui-sortable-helper,因爲這是拖動時應用的類。

#sortable .ui-sortable-helper { 
    border-color: #FECA40; 
    border-width: thick; 
}