jQuery UI 的 Sortables 與 Click 事件犯衝的解法...

(我用的是 1.2.6 + jQuery UI 1.5.1) 裡有一個 ,實際用了後發現本來上面的 click 事件會失效,這點在國外也有討論到:

看起來是因為 jQuery UI Sortables 裡對 click 處理的方式會造成現有的 click event 失效,似乎沒有辦法直接從 source 部份解決,所以有人提出 workaround。

workaround 是多包一個 span,然後設定 handle 指到這個 span 上,告訴 jQuery UI Sortables 有哪些可以被拖拉,這樣 click 事件就會分開處理,於是就可以動了...

舉個例子來說,本來是:

$('.sortables').sortable({items: '.items'});

現在變成:

$('.sortables').sortable({handle: '.items > span', items: '.items'});

不是很讓人滿意的作法,但可以解決問題。

One thought on “jQuery UI 的 Sortables 與 Click 事件犯衝的解法...”

  1. 哈哈,剛好我昨天也才碰到img標籤同時設定draggable和resizable會相衝的問題XD
    後來是在外面包一層div解決的
    不過這樣resize的時候就必須自己去改變img的大小 :(

Leave a Reply

Your email address will not be published. Required fields are marked *