�@jQuery UI������h���b�O���h���b�v�֘A�̃C�x���g�n���h���́A��2�������炻�̃C�x���g�ɓ���������擾�\�ł��BDraggables�̃C�x���g�n���h���ɂ́A���̂悤�ȏ�n����܂��i��2�����̕ϐ������uui�v�Ƃ����ꍇ�j�B
�@�Ⴆ�A���L�̂悤�ɂ��邱�ƂŁA�h���b�O�I���������W���擾�ł��܂��B
<div id='target'>�h���b�O�\</div> |
�h���b�O�I�����̍��W���擾�����i�u�h���b�O�\�v�Ƃ������x�����h���b�O���Ă��������B�g��\�����������j
�@������e���̃f�[�^�\���ɂ��ẮAFirebug�Ȃǂ�DOM�C���X�y�N�^�����c�[���Ŋm�F���Ă��������B
�ҏW�����FFirebug�ɂ��ďڂ����m�肽���ǎ҂́A�uFirebug�Ƃ́H Web�T�C�g�쐬�ɂǂ��𗧂̂��H�v�����Q�Ƃ��������B
�@draggable()�̈����Ƀn�b�V���`���̃I�v�V�����ł͂Ȃ��u'disable'�v�Ƃ���String��^����ƁA�ꎞ�I�Ƀh���b�O�����ł��܂��B���l�ɁA�u'enable'�v��^����ƁA�ꎞ�I�Ȗ���������L�����ł��܂��B�u'destory'�v���w�肷��ƁA�@�\�����S�ɍ폜�ł��܂��i�Q�l�j�B
�@�ł͎��ɁADroppables�̃V���v���Ȏg�p������Ă݂܂��傤�BDroppables�́Adraggable�ƂȂ����v�f��ʂ�DOM�v�f�Ƀh���b�v�ł���悤�ɂ���@�\����܂��BDropaables���g�p���邽�߂�<script>�^�O���g�p���āA�ǂݍ��ޕK�v������t�@�C���͉��L�̂Ƃ���ł��i�Q�l�uUI/Droppables - jQuery JavaScript Library�v�́uDependancies�v�̕����j�B
�@���L��Droppables�̋L�q��ɂȂ�܂��B
<div id='target'>�h���b�O�\</div> |
Droppables�̃V���v���ȗ�i�u�h���b�O�\�v�Ƃ������x�����u�h���b�v�\�v�Ƃ������x���̏�Ƀh���b�O���h���b�v���Ă��������B�g��\�����������j
�@�h���b�v��������DOM�v�f�i���̗�ł́A�u<div id='goal'>�v�j��droppable()���w�肵�܂��B����̗�ł́A�I�v�V�����Ƃ���accept��drop���w�肵�Ă��܂��Baccept�́A�w�肵���v�f�݂̂��h���b�v�\�Ƃ���悤�ɐݒ�ł��Bdrop�́A�h���b�v���̃C�x���g�n���h���̎w��ł��B
�@droppable()�̃I�v�V�������ꕔ�����ŏЉ�܂��B�ڂ����́uUI/Droppables/drappable - jQuery JavaScript Library�v�́uoptions�v�^�u���Q�Ƃ��Ă��������B�܂��A�e�I�v�V�����w�育�Ƃ̃T���v���́A�uDroppable Demo�v���Q�Ƃ��Ă��������B
�I�v�V������ | �w�肷��l | ���� | |
---|---|---|---|
accept | Boolean Function(draggable) | �h���b�O���̗v�f���h���b�v�\���ǂ����̔���̎d�������Ŏw�� | |
accept | String | �h���b�O���̗v�f���h���b�v�\���ǂ������Z���N�^�Ŏw�� | |
hoverClass | String | �h���b�O���̗v�f���h���b�v�\�ȗv�f�ɏd�Ȃ����ۂɕt�^�����CSS�̃N���X�����w�� | |
drop | Function(e, ui) | �h���b�v���̃C�x���g�n���h�����w�� | |
�@Droppables�̃C�x���g�n���h���͑�2�������玟�̂悤�ȏ����擾�\�ł��B
�@���ɁASelectables�̃V���v���ȗ��p������Ă݂܂��傤�BSelectables�́A�w�肵��DOM�v�f�̎q�v�f���h���b�O�ŕ����I���ł���悤�ɂ���@�\����܂��BSelectables�𗘗p���邽�߂ɓǂݍ��݂̕K�v�ȃt�@�C���͉��L�ł��i�Q�l�uUI/Selectables - jQuery JavaScript Library�v �́uDependancies�v�̕����j�B
�@���L��Selectables�̋L�q��ł��B
<div id='target'> |
Selectables�̃V���v���ȗ�i�uitem 1�v�uitem 2�v�uitem 3�v�Ƃ������x�����h���b�O�ŕ\�����ň͂�ł��������j
�@��L�T���v���ł́Atarget�̎q�v�f�ł���item 1�`3���}�E�X�ɂ���`�w��őI���ł���悤�ɂ��Ă��܂��B�I�����������v�f�̐e�v�f�i���̗�ł́A�u<div id='target'>�v�j�ɁAselectable()���w�肵�Ă��܂��Bselectable()�����s���ꂽDOM�v�f�́A���L�̂悤�ɂȂ�܂��B
<div id="target" class="ui-selectable"> |
�@���l�ɂ��̎q�v�f�ɂ́A���L�̂悤��CSS�̃N���X�������I�ɕt�^����܂��B
<div id="target" class="ui-selectee"> |
�@�܂��A�h���b�O���Ɏq�v�f���I�������ƁA���L�̂悤�ɂȂ�܂��B
<div class="ui-selectee ui-selecting"> |
�@���l�ɑI������������ƁA���L�̂悤��CSS�N���X���t�^����܂��B
<div class="ui-selectee ui-selected"> |
�@����ɂ��A�I�𒆂�A�I�������̗v�f�̌����ڂ��X�^�C���V�[�g�ō��ʉ����邱�Ƃ��ł��܂��B
�@selectable()�̃I�v�V�����̈ꕔ�������ŏЉ�܂��B�ڂ����́uUI/Selectables/selectable - jQuery JavaScript Library�v�́uoptions�v�^�u���Q�Ƃ��Ă��������B�܂��A�e�I�v�V�����w�育�Ƃ̃T���v���́A�uSelectable Demo�v���Q�Ƃ��Ă��������B
�I�v�V������ | �w�肷��l | ���� | |
---|---|---|---|
selected | Function | �I���������̃C�x���g�n���h�����w�� | |
selecting | Function | �I�𒆂̃C�x���g�n���h�����w�� | |
unselected | Function | �I���������̃C�x���g�n���h�����w�� | |
unselecting | Function | �I���������̃C�x���g�n���h�����w�� | |
�@Selectables�̃C�x���g�n���h���͑�2�������玟�̂悤�ȏ����擾�\�ł��B
�@��������y�[�W����́A����̃T���v�������č���Љ���e�N�j�b�N���T���v���łǂ̂悤�Ɏg��ꂽ���O�������Ă����܂��B
Copyright © ITmedia, Inc. All Rights Reserved.