作者knives ()
看板Ajax
標題[問題] jQueryUI的Droppable裡的元件屬性怎麼取得
時間Mon Mar 8 12:22:28 2010
我現在用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