shayisi
<script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $(".drag").draggable();
? ? ? ? ? ? ? ? $(".cart").droppable({
? ? ? ? ? ? ? ? ? ? drop: function () {
? ? ? ? ? ? ? ? ? ? ? ? ? intSum++;
? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this)
? ? ? ? ? ? ? ? ? ? ? ? ? ? .addClass('focus')
? ? ? ? ? ? ? ? ? ? ? ? ? ? find('#tip').html('');
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('.title span').html(intSum);?
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
shayisi
2018-04-19
?$(".drag").draggable(); ?draggable()插件讓帶有drag類名的元素可拖拽。
? $(".cart").droppable(); ?droppable()也是插件,當(dāng)拖拽元素出現(xiàn)在cart類名的元素中觸發(fā)里面的動作。
drop:function就是放在該元素中觸發(fā)的動作。
intSum是個(gè)全局變量 你少復(fù)制了 var intSum=0;
$(this)指的就是動作所指對象$('.cart')。 addClass加類名,find('#tip').html('');清空id='tip'元素中內(nèi)容。
$('.title span').html(intSum); 類名為title中span標(biāo)簽內(nèi)容改為全局變量intSum。
2018-03-08
droppable的時(shí)候執(zhí)行的一系列函數(shù)啊