[問題] jQueryUI的Droppable裡的元件屬性怎麼取得
我現在用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
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章