[問題] jQueryUI的Droppable裡的元件屬性怎麼取得

看板Ajax作者時間15年前 (2010/03/08 12:22), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串1/1
我現在用jQueryUI的Droppable 我現在是用官網的 這個為基礎改成我要的 http://jqueryui.com/demos/droppable/#photo-manager 可是現在問題是,這個範例的拖放區(垃圾筒)只有一個 但是我的拖放區可能會有多個,每個class都是一樣,只有id不同 我的html是這樣寫的 <!-- 拖放區 ,其中的$key是由php樣版引擎的迴圈產生的數字 --> <div id="buddy_list_drop_zone_$key" class="list_drop_zone" ><span class="list_drop_zone_inner">拖曳朋友的名字到此,就可把他加到這個名單中。 </span></div> <!-- 拖放區結束 --> <!-- 可以拖拉的物件 --> <a style="height: 20px; background-color: rgb(255, 255, 255); display: block;" href="#" class="chat_box clearfix friend dropable" title="{$_SN[$val_2[uid]]}" id="buddy_list_item_$val_2[uid]"> <span id="buddy_list_item_name_$val_2[uid]">{$_SN[$val_2[uid]]}</span> </a> <!-- 可以拖拉的物件結束 --> js的程式碼是這樣寫 其中的getlink目前只是做單純的alert出被拖拉的物件id var a_link = jQuery('.dropable'); var a_link_array = jQuery('.list_drop_zone'); a_link.draggable({ cancel: 'a.ui-icon',// clicking an icon won't initiate dragging revert: 'invalid', // when not dropped, the item will revert back to its initial position containment: jQuery('#demo-frame').length ? '#demo-frame' : 'document', // stick to demo-frame if present helper: 'clone', cursor: 'move' }); // let the gallery be droppable as well, accepting items from the trash a_link.droppable({ accept: '#link_array', activeClass: 'custom-state-active', drop: function(ev, ui) { alert(jQuery(this).attr('id')+"basdf"); //recycleImage(ui.draggable); } }); a_link_array.droppable({ accept: '.dropable', activeClass: 'ui-state-highlight', drop: function(event, ui) { //deleteImage(ui.draggable); getlink(ui.draggable); } }); function getlink(item) { alert(item.attr('id')); } 當我把拖拉的連結放到拖放區的時候,會執行getlink 但是現在的問題是,因為拖放區可能會有多個,每個有惟一的id 我希望,當拖拉到拖放區的時候,能夠同時取得拖放區的id,跟被拖拉物件的id再用 Ajax寫到資料 而被拖拉物件的id,我可以透過item.attr('id')取得,可是那個拖放區的id 我又要透過什麼方式才能取得 謝謝回答 --            ╭──────╮ 鄭先生正名運動◢██◣ 請大家叫他鄭先生   四○一手護症危█ ◥ 百萬站民手牽手 ◤□︵□ YES!相信症危堅持正名 手護症危到永久 ο ╰──────╯ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.209.137.186
文章代碼(AID): #1Bb7k7rZ (Ajax)
文章代碼(AID): #1Bb7k7rZ (Ajax)