jQuery�A�v���O�C���AjQuery UI�AWeb�o�R��CDN�Ƃ�
CSS�̏�������������jQuery�v���O�C�����H���p�@�i1�j
��{�^�����炢�Ƃ��ăv���O�C����jQuery UI�ɂ��ĊȒP�ɐG��AWeb�o�R��jQuery���g��CDN�ɂ��ĉ��
�f�U�C���n�b�N �� ���b�`�N���C�A���g 2009/12/8
�{�L����2008�N�Ɏ��M���ꂽ���̂ł��BjQuery��Ajax�S�ʂ̍ŐV���́u���b�`�N���C�A���g & ���[�t�H�[�����v�����ڎ��̃J�e�S���u���HAjax�v��uAjax�Z�p����v�����Q�Ƃ��������B
�@����Љ��jQuery UI�́AJavaScript�iAjax�j�t���[�����[�NjQuery�̃v���W�F�N�g��jQuery�p�ɊJ�����Ă���A�ȉ��̋@�\�����v���O�C���ł��B
�@����́AjQuery UI���h���b�O���h���b�v�@�\�Ƀt�H�[�J�X���A���̎g��������A���i���p����T���v����ʂ��Đ������Ă��������Ǝv���܂��B
�@jQuery�̊�{�I�ȗ��p�̎d���ɂ��ẮA�A�ڑ�1��ujQuery���g����Twitter�����������}�b�V���A�b�v�v�ł��������Ă��܂��̂ŁA����������Q�Ƃ��������B
�@�܂��́A����̃T���v�������Ă݂܂��傤�B
����̃T���v���E�v���O�����i�g��\�����������A��Firebug��L���ɂ��Ă���Ɠ��삪�݂��Ȃ邱�Ƃ�����܂��B�܂��A�T���v���̃��C�Z���X��GPL 2�ƂȂ�܂��j�j
�ҏW�����FFirebug�ɂ��ďڂ����m�肽���ǎ҂́A�uFirebug�Ƃ́H Web�T�C�g�쐬�ɂǂ��𗧂̂��H�v�����Q�Ƃ��������B
�@���̃T���v���ɂ͎��̂悤�ȋ@�\������܂��B
�@�h���b�O���h���b�v�𗘗p���A��蒼���I�Ōy���ȃ��[�U�[�C���^�[�t�F�C�X����邱�Ƃ��ł��܂��B
�@jQuery UI�̓h���b�O���h���b�v�Ɋ֘A���Ď��̋@�\����Ă��܂��B
�@����̃T���v���́A��L�̂���Draggables�ADroppables�ASelectables��g�ݍ��킹�č쐬���Ă��܂��B�ȉ��ł́A����3�ɂ��Ă��ꂼ��̎g������������A���̌㉞�p�҂Ƃ��ăT���v���̓��e��������Ă����܂��B
�@����͎��ʂ̊W��Sortables�AResizeables�̉���͂ł��܂��A���������{�I�ȗ��p���@��Draggables�ȂǂƓ����ł��̂ŁA�{�L������ǂ����ΊȒP�ɗ��p���@�������ł���Ǝv���܂��B�ƂĂ��L�p�ȃ��C�u�����ł��̂ŁA���Ў����Ă݂Ă��������B
�@jQuery UI���g�����߂̏��������Ă����܂��傤�BjQuery UI�̃T�C�g����AjQuery�̃v���O�C�����_�E�����[�h���܂��B2008�N2��26���̌��e���M�����݂ł́A�ujquery.ui-1.5b.zip�v�Ƃ����t�@�C�����_�E�����[�h�ł��܂��B���̃t�@�C����W�J���AWeb�T�[�o�ɃA�b�v���[�h���Ă����܂��傤�B
�@�܂��ADraggables�̍ł��V���v���Ȏg�p������Ă݂܂��傤�BDraggalbes�́ADOM�v�f���h���b�O�ł���悤�ɂ���@�\����܂��BDraggables���g�����߂ɂ́Ajquery.ui-1.5b.zip���𓀂��Č����t�@�C���̂����ȉ��̃t�@�C����<head>�^�O���ŁA<script>�^�O���g���ēǂݍ��ޕK�v������܂��i�Q�l�F�uUI/Draggables - jQuery JavaScript Library�v�́uDependancies�v�̕����j�B
<script type="text/javascript" |
�@���̂����ŁA���L��HTML�̂悤�Ƀh���b�O���\�ɂ�����DOM�v�f�ɁAdraggable()���\�b�h���Ăяo�������ŁA<div id='target'>�̗v�f���h���b�O�\�ɂȂ�܂��B
<div id='target'>�h���b�O�\</div> |
Draggables�̃V���v���ȗ�i�u�h���b�O�\�v�Ƃ������x�����h���b�O���Ă��������B�g��\�����������j
�@draggable()�����s���ꂽDOM�v�f�́A���L�̂悤�Ɂuui-draggable�v�Ƃ����N���X�������I�ɕt�^����܂��B
<div id="target" class="ui-draggable">�h���b�O�\</div> |
�@draggable()�̑�1�����Ɏ��̗�̂悤�ɁA�n�b�V���`���̃I�v�V�������w�肷�邱�ƂŃh���b�O���̋��������܂��܂ɃJ�X�^�}�C�Y�ł��܂��B
<div id='target'>�h���b�O�\</div> |
�@�w��\�ȃI�v�V�����͔��ɑ������߁A�����ł͈ꕔ�����Љ�܂��B�ڂ����́uUI/Draggables/draggable - jQuery JavaScript Library�v�́uoptions�v�^�u���Q�Ƃ��Ă��������B�܂��A�e�I�v�V�����w�育�Ƃ̃T���v���́A�uDraggable Demo�v���Q�Ƃ��Ă��������B
�I�v�V������ | �w�肷��l | ���� | |
---|---|---|---|
snap | Boolean�܂���Selector | �h���b�O�����̃I�v�V�����Ɏw�肵��DOM�v�f�ɐڋ߂���ƁA���̗v�f�ɋz���t���悤�ɐڂ���悤�ɂȂ�B�utrue�v�Ǝw�肷��ƁA'.ui-draggable'�Ƃ����Z���N�^�Ɉ�v����v�f�Ɂu�z���t���v����������悤�ɂȂ�i�u�z���t���v�̃T���v���Ƃ��āuDraggable Demo�v�́u2. Clone as helper�v������Ƃǂ��������삩������₷���j | |
containment | Element�܂���Selector | �w�肵���v�f�̓����͈̔͂ł̂݃h���b�O�\�ɂ��� | |
grid | [Integer x, Integer y] | �w�肵���T�C�Y�̊i�q��Łu�z���t���v������ | |
helper | "original"�܂���"clone"�܂���Function | �uoriginal�v���w�肷��ƁAdraggable()�Ɏw�肳�ꂽ�v�f�����̂܂��w���p�i�h���b�O���Ƀ}�E�X�ɍ��킹�ē����v�f�j�ɂȂ�i�f�t�H���g�j�B�uclone�v��draggable()�Ɏw�肳�ꂽ�v�f�����A�w���p�Ƃ��Ďg�p�BFunction���w�肷��ƁA���̊����Ԃ�DOM�v�f���w���p�Ƃ��Ďg�p����� | |
start | Function(e, ui) | �h���b�O�J�n�����C�x���g�n���h�����w��B��1�����́A�ʏ�̃C�x���g�n���h���Ɠ��l�ŁA��2�����ɂ��Ă͌�q | |
drag | Function(e, ui) | �h���b�O���̃C�x���g�n���h�����w�� | |
stop | Function(e, ui) | �h���b�O�I�����̃C�x���g�n���h�����w�� | |
�@�����������y�[�W�ł́ADraggables��Droppables�ASelectables�ɂ��ĉ�����܂��B
Copyright © ITmedia, Inc. All Rights Reserved.