作者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