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()也是插件,當拖拽元素出現在cart類名的元素中觸發里面的動作。
drop:function就是放在該元素中觸發的動作。
intSum是個全局變量 你少復制了 var intSum=0;
$(this)指的就是動作所指對象$('.cart')。 addClass加類名,find('#tip').html('');清空id='tip'元素中內容。
$('.title span').html(intSum); 類名為title中span標簽內容改為全局變量intSum。
2018-03-08
droppable的時候執行的一系列函數啊